jQuery中怎么實(shí)現(xiàn)測試答題功能，很多新手對此不是很清楚，為了幫助大家解決這個(gè)難題，下面小編將為大家詳細(xì)講解，有這方面需求的人可以來學(xué)習(xí)下，希望你能有所收獲。
首先載入jquery庫文件和quiz.js以及所需的CSS樣式文件styles.css。
然后在需要放置測試題的位置加入p#quiz-container。
首先，我們定義題目和答案選項(xiàng)，question是題目，answers是答案選項(xiàng)，correctAnswer是正確答案。可以看出定義的init是一個(gè)json數(shù)據(jù)格式。
var init={'questions':[{'question':'jQuery是什么？','answers':['JavaScript庫','CSS庫','PHP框架','以上都不是'],'correctAnswer':1},{'question':'找出不同類的一項(xiàng)?','answers':['寫字臺(tái)','沙發(fā)','電視','桌布'],'correctAnswer':3},{'question':'國土面積較大的國家是：','answers':['美國','中國','俄羅斯','加拿大'],'correctAnswer':3},{'question':'月亮距離地球多遠(yuǎn)？','answers':['18萬公里','38萬公里','100萬公里','180萬公里'],'correctAnswer':2}]};
接下來，我們直接調(diào)用quiz.js提供的插件方法，然后打開頁面是不是可以看到已經(jīng)在頁面上生成了一個(gè)在線測試項(xiàng)目。
$(function(){
$('#quiz-container').jquizzy({
questions: init.questions
});
});
那么，要修改定制測試題樣式布局，可以到quiz.js和styles.css兩文件中做適當(dāng)修改。
看完上述內(nèi)容是否對您有幫助呢？如果還想對相關(guān)知識(shí)有進(jìn)一步的了解或閱讀更多相關(guān)文章，請關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道，感謝您對創(chuàng)新互聯(lián)網(wǎng)站建設(shè)公司，的支持。
重慶分公司
重慶分公司
