使用jQuizMe-2.2.js 無法正常顯示

myubuntu 2016-12-06 11:14:35 ‧ 3545 瀏覽

分享至

請問要如何能正確呈現使用jQuizMe-2.2.js
謝謝您

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>無標題文件</title>


<link rel="stylesheet" href="css/jQuizMe.css" type="text/css"/>
<script type="text/javascript" language="javascript" src="js/jQuizMe-2.2.js"></script>


</head>


<body>

<!--線上測驗開始-->
<div id="quiz"></div>
<script type="text/javascript">
var quiz = {
	"multiList":[
		{ques: "滿州鄉的地理位置位在那個半島？",ans:"恆春半島",ansSel: ["山東半島","東南半島","阿拉伯半島"]},
		{ques: "滿州鄉地名的緣起是因為？",ans: "原住民與發音",ansSel: ["大陸傳過來","人名","食物名"]},
        { ques: "滿州鄉的港口茶是由誰引進的呢？？", ans: "朱振准", ansSel: [ "周有基", "余秀珠", "周有" ] },
        { ques: "滿州鄉的港口茶室由那個地方的茶種移植過來的呢？", ans: "福建武夷", ansSel: [ "阿里山", "浙江", "四川" ] }
	]
};
        options = {
            help: "幫助",
            intro: "這是個小小測驗，看看你對港口茶的認識有多少，不要緊張，輕鬆作就好囉！",
    		allRandom: true,
    		title: "認識港口茶小測驗"
        }
 
$( "#quiz" ).jQuizMe( quiz,options );
</script>

<!--線上測驗結束-->


</body>
</html>

登入發表討論

直播研討會

{{ item.channelVendor }} {{ item.webinarstarted }} |

直播中

1 個回答

fillano

iT邦超人 1 級 ‧ 2016-12-07 17:03:13

最佳解答

在jQuizMe之前載入jQuery，把jQuizMe移到下面，像這樣：

<!doctype html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>無標題文件</title>
<link rel="stylesheet" href="css/jQuizMe.css" type="text/css"/>
<script src="js/jquery-1.11.3.js"></script>
</head>
<body>
<!--線上測驗開始-->
<div id="quiz"></div>
<script src="js/jQuizMe-2.2.1.js"></script>
<script>
var quiz = {
	"multiList": [
		{ques: "滿州鄉的地理位置位在那個半島？",ans:"恆春半島",ansSel: ["山東半島","東南半島","阿拉伯半島"]},
		{ques: "滿州鄉地名的緣起是因為？",ans: "原住民與發音",ansSel: ["大陸傳過來","人名","食物名"]},
        {ques: "滿州鄉的港口茶是由誰引進的呢？？", ans: "朱振准", ansSel: [ "周有基", "余秀珠", "周有"]},
        {ques: "滿州鄉的港口茶室由那個地方的茶種移植過來的呢？", ans: "福建武夷", ansSel: [ "阿里山", "浙江", "四川"]}
	]
},
options = {
	help: "幫助",
	intro: "這是個小小測驗，看看你對港口茶的認識有多少，不要緊張，輕鬆作就好囉！",
	allRandom: true,
	title: "認識港口茶小測驗"
};
$("#quiz").jQuizMe(quiz,options);
</script>
<!--線上測驗結束-->
</body>
</html>

不知道為什麼XD