第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

為了賬號安全，請及時綁定郵箱和手機立即綁定
已解決430363個問題，去搜搜看，總會有你想問的

移動端開發(fā)做習(xí)題類型的開發(fā)模式？

移動端開發(fā)做習(xí)題類型的開發(fā)模式？

呼啦一陣風(fēng) 2019-03-20 17:15:20
大家好，有這樣一個問題。 就是在移動端開發(fā)做試題的應(yīng)用，因為主要在移動端，所以只能一次顯示一道題目，做完再顯示下一道題目。 我現(xiàn)在是這樣實現(xiàn)的，就是在后臺取出所有題目數(shù)據(jù)嵌入到模板里，然后循環(huán)輸出，這樣也就導(dǎo)致頁面上有很多個 Form表單。做一些提交、驗證等問題比較麻煩。 請問大家有什么其它的方式、模式 開發(fā)這類應(yīng)用。 多謝大家指教！
查看完整描述

2 回答

?
哈士奇WWW

TA貢獻1799條經(jīng)驗 獲得超6個贊

我把你的問題分析了下 給出了下面的方案 不知道是不是你想要的


<div class="que">

<ul>

    <li>

        題目1

        <button>下一題</button>

    </li>

    <li>

        題目2

        <button>下一題</button>

    </li>

    <li>

        題目3

        <button>下一題</button>

    </li>

    <li>

        題目4

        <button>下一題</button>

    </li>

    <li>

        題目5

        <button>下一題</button>

    </li>

    <li>

        題目6

        <button>提交</button>

    </li>

</ul>


樣式:


<style>

li{ float: left;}


</style>

用js控制


$(function(){

var win_width=$(window).width();

var win_height=$(window).height();//獲取屏幕寬高度

$(".que").css({"width":win_width,"height":win_height});

$(".que ul").css({"width":win_width,"height":win_height});

$(".que ul li").css({"width":win_width,"height":win_height});

})


上面把基本樣式都設(shè)置好了 你再優(yōu)化下

然后用ajax把問題都抽出來放在每個li里面

每次只顯示一個問題

當答完了之后就點擊下一題

點擊的的時候觸發(fā)兩次事件：

1.把回答的問題存到一個定義的數(shù)組里面

2.滑動到下一題

到最后一題的時候點擊提交

將添加到數(shù)組的所有答案按照你自己的處理機制反饋


查看完整回答
反對 回復(fù) 2019-04-13
  • 2 回答
  • 0 關(guān)注
  • 506 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯(lián)系客服咨詢優(yōu)惠詳情

 幫助反饋 APP下載

慕課網(wǎng)APP
您的移動學(xué)習(xí)伙伴

 公眾號

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號