版主，高手，都来看看，我又来求助了啊

chinashiji 2017-06-26 04:35:36
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta name="viewport" content="width=device-width,minimum-scale=1,user-scalable=no,maximum-scale=1,initial-scale=1"/>
<meta name="apple-mobile-web-app-capable" content="yes"/>
<meta name="apple-mobile-web-app-status-bar-style" content="black"/>
<meta name="format-detection" content="telephone=no"/>
<link href="../addons/zombie_fighting/template/style/css/common.css" rel="stylesheet" type="text/css">
<link href="../addons/zombie_fighting/template/style/css/survey.css" rel="stylesheet" type="text/css">
<link href="../addons/zombie_fighting/template/style/css/exam.css" rel="stylesheet" type="text/css">

</head>
<body>
<div class="wrapper">

<img class="bg" src="../addons/zombie_fighting/template/style/images/bg_exam.jpg" />
<div class="top">
<div class="time"></div>
<div class="score">10 积分</div>
</div>

<div class="question">
<div class="title">目前最常用的脱毒药物是( )，它是一种阿片受体激动剂，适用于海洛因毒瘾较深者。</div>
<input type="hidden" name="fid" id="fid" value="1" />
<input type="hidden" name="qestionid" id="qestionid" value="42" />
<input type="hidden" name="answerNum" id="answerNum" value="3" />
<input type="hidden" name="openid" id="openid" value="ojoIMwHPoDUtWs55Tbibcc1Uf0V8" />

<div class="options">
<div class="option" data-value="A">
<img class="oimg" src="../addons/zombie_fighting/template/style/images/option_bg_green.png" />
<img class="oimg-sel" src="../addons/zombie_fighting/template/style/images/option_sel_bg_green.png" />
<div class="text">
<div class="i" style="margin-left:23px;padding-top:0px;float:left;">A</div>
<div class="otext"> 吗啡</div>
</div>
</div>

<div class="option" data-value="B">
<img class="oimg" src="../addons/zombie_fighting/template/style/images/option_bg_blue.png" />
<img class="oimg-sel" src="../addons/zombie_fighting/template/style/images/option_sel_bg_blue.png" />
<div class="text">
<div class="i" style="margin-left:23px;padding-top:0px;float:left;">B</div>
<div class="otext"> 美沙酮</div>
</div>
</div>

<div class="option" data-value="C">
<img class="oimg" src="../addons/zombie_fighting/template/style/images/option_bg_pink.png" />
<img class="oimg-sel" src="../addons/zombie_fighting/template/style/images/option_sel_bg_pink.png" />
<div class="text">
<div class="i" style="margin-left:23px;padding-top:0px;float:left;">C</div>
<div class="otext"> 可待因</div>
</div>
</div>
</div>
<img id="submit" src="../addons/zombie_fighting/template/style/images/exam_submit.png" />
</div>

</div>

<div class="result-right loading-mask">
<div class="content">
<img class="timg" src="../addons/zombie_fighting/template/style/images/tick.png">
<div class="text">恭喜你，答对了</div>
<button class="next-btn">进入下一题</button>
</div>
</div>
<div class="result-wrong loading-mask">
<div class="content">
<img class="timg" src="../addons/zombie_fighting/template/style/images/wrong.png">
<div class="text">对不起，你答错了。</div>
<div class="answer">正确的答案是：<strong></strong></div>
<button class="next-btn">进入下一题</button>
</div>
</div>
<div class="result-timeout loading-mask">
<div class="content">
<img class="timg" src="../addons/zombie_fighting/template/style/images/timeout.png">
<div class="text">啊哦，答题超时了</div>
<button class="next-btn">进入下一题</button>
</div>
</div>

<div id="loading" class="loading-mask">
<img class="gimg" src="../addons/zombie_fighting/template/style/images/ajax-loader.gif">
</div>
<audio id="musicBg" src="../addons/zombie_fighting/template/style/mp3/timer.mp3" preload="auto" autoplay loop></audio>
<audio id="musicRight" src="../addons/zombie_fighting/template/style/mp3/right.mp3" preload="auto"></audio>
<audio id="musicWrong" src="../addons/zombie_fighting/template/style/mp3/wrong.wav" preload="auto"></audio>
<audio id="musicNear" src="../addons/zombie_fighting/template/style/mp3/timerNear.mp3" preload="auto"></audio>
</body>

<script src="../addons/zombie_fighting/template/style/js/jquery-1.9.1.js" type="text/javascript"></script>
<script type="text/javascript" src="../addons/zombie_fighting/template/style/js/zepto.min.js?v=2014082901"></script>
<!--<script src="../addons/zombie_fighting/template/style/js/alert.js" type="text/javascript"></script>-->
<script type="text/javascript">
var answertime = '';
$(function(){
$(".option").on("click",function(){
var $option = $(this);
if(!$option.hasClass("option-sel")){
$(".options .option-sel").removeClass("option-sel");
$option.addClass("option-sel");
$("#submit").click();
}
});

$(".next-btn").on("click",function(e){
window.location.reload();
return false;
}).on("touchstart",function(e){
$(this).addClass("hover");
}).on("touchend",function(e){
$(this).removeClass("hover");
});

var answerNum =Number($("input[name='answerNum']").val());
$("#submit").on("click",function(){
var $btn = $(this);
var endTime = new Date();
if((endTime - startTime)/1000 > 10){
maxtime = -1;
$(".time").text("00:00");
alert("对不起，您的回答已超时！");
return false;
}
if($btn.hasClass("disabled")) return;
var $answer = $(".options .option-sel");
if($answer.size() == 0){
alert("请选择一个答案!");
return;
}
var qestionid = $("input[name='qestionid']").val() ;
var fid = $("input[name='fid']").val() ;
var openid =$("input[name='openid']").val();
var submitData = {
"qestionid":qestionid,
"fid":fid,
"answerNum": answerNum,
"openid":openid,
"answer":$answer.attr("data-value")
};
$btn.addClass("disabled");
clearInterval(timer);
$("#musicBg")[0].pause();
var ajaxurl = "./index.php?i=5&c=entry&do=getAnswer&m=zombie_fighting";
$.ajax({
type: "post",
url: ajaxurl,
data: submitData,
dataType: "json",
success: function (data) {
$btn.removeClass("disabled");
var $mask;
if (data.resultCode==1){
$("#musicRight")[0].play();
$mask = $(".result-right");
}else if(data.resultCode == 3){
window.location.reload();
} else{
$("#musicWrong")[0].play();
$mask = $(".result-wrong");
$mask.find(".answer strong").text(data.resultMsg);
}
$mask.show();
},
error: function(data) {
alert("error:" + data.responseText);
window.location.reload();
}
});
return false;
});

//一个小时，按秒计算，可以自己调整时间
var maxtime = 20 * 100;
function CountDown() {
if(maxtime>=0) {
seconds = Math.floor(maxtime/100);
milliseconds = Math.floor(maxtime%100);
seconds = seconds<10?("0" + seconds) : seconds;
milliseconds = milliseconds<10?("0" + milliseconds) : milliseconds;
$(".time").text(seconds + ":" + milliseconds);
if(maxtime == 270){
$("#musicNear")[0].play();
}
maxtime -= 10;
} else{
clearInterval(timer);
var qestionid = $("input[name='qestionid']").val() ;
var $answer = $(".options .option-sel");
var fid = $("input[name='fid']").val() ;
var openid =$("input[name='openid']").val() ;
var submitData = {
"qestionid":qestionid,
"fid":fid,
"openid":openid,
"answerNum":answerNum,
"answer":$answer.attr("data-value")
};

var ajaxurl = "./index.php?i=5&c=entry&do=getAnswer&m=zombie_fighting";
var $btn = $("#submit");
if($btn.hasClass("disabled")) return;
$("#musicBg")[0].pause();
$btn.addClass("disabled");

$.ajax({
type: "post",
url: ajaxurl,
data: submitData,
dataType: "json",
success: function (data) {
$btn.removeClass("disabled");
var $mask = $(".result-timeout");
$("#musicWrong")[0].play();
if (data.resultCode==1){
$("#musicRight")[0].play();
$mask = $(".result-right");
}else if(data.resultCode == 3){
window.location.reload();
} else{
$("#musicWrong")[0].play();
$mask = $(".result-wrong");
$mask.find(".answer strong").text(data.resultMsg);
}
$mask.show();
},
error: function(data) {
alert("error:" + data.responseText);
window.location.reload();
}
});

}
}
timer = setInterval(CountDown, 100);
var startTime = new Date();
$(document).on('ajaxBeforeSend', function(e, xhr, options){
$("#loading").show();
}).on("ajaxComplete ",function(e, xhr, options){
$("#loading").hide();
});
});
</script>
</html>
...全文
273 14 打赏 收藏 转发到动态 举报
写回复
用AI写文章
14 条回复
切换为时间正序
请发表友善的回复…
发表回复
斯洛文尼亚旅游 2017-06-29
  • 打赏
  • 举报
 回复
引用 13 楼 chinashiji 的回复:
var answertime = '';
$(function(){
$(".option").on("click",function(){
var $option = $(this);
if(!$option.hasClass("option-sel")){
$(".options .option-sel").removeClass("option-sel");
$option.addClass("option-sel");
$("#submit").trigger('click');
}
});

$(".option").eq($('#answerNum').val()-1).trigger('click');
$(".next-btn").on("click",function(e){
window.location.reload();
~~~~~~~~~~~~~~~~~~~~~~~~~~~
报告老大，还是不能自动答题，只是前面几个题目随机选了个对号，还是没有提交下一题

$(".option").eq($('#answerNum').val()-1).trigger('click');
放到
$("#submit").on("click",function(){.....})

这句下面啊。。

不要放在你现在的地方，你放的这个地方submit还没有绑定click事件当然无法触发提交事件


submit的ajax事件加下面红色那句看输出什么，只有为3的时候才会刷新页面，应该是3才会刷新页面取下一题。
success: function (data) {

alert(data.resultCode)//

正常答题下一题怎么取出来的，是要要点击下一题？
chinashiji 2017-06-28
  • 打赏
  • 举报
 回复
都试过了，不行啊
chinashiji 2017-06-28
  • 打赏
  • 举报
 回复
$(function(){ $(".option").on("click",function(){ var $option = $(this); if(!$option.hasClass("option-sel")){ $(".options .option-sel").removeClass("option-sel"); $option.addClass("option-sel"); $("#submit").click(); } }); $(".option").eq($('#answerNum').val()-1).trigger('click'); $(".next-btn").on("click",function(e){
chinashiji 2017-06-28
  • 打赏
  • 举报
 回复
$(function(){ $(".option").on("click",function(){ var $option = $(this); if(!$option.hasClass("option-sel")){ $(".options .option-sel").removeClass("option-sel"); $option.addClass("option-sel"); $("#submit").click(); } }); $(".option").eq($('#answerNum').val()).trigger('click');$(".next-btn").on("click",function(e){ window.location.reload(); return false; }).on("touchstart",function(e){ $(this).addClass("hover"); }).on("touchend",function(e){ $(this).removeClass("hover"); }); ~~~~~~~~~~~~~~~~~~~~~~~~~~ 报告版主，我按你说的加上了，可是没有自动答题，-1和没减1都用了
斯洛文尼亚旅游 2017-06-28
  • 打赏
  • 举报
 回复
引用 10 楼 chinashiji 的回复:
$(function(){ $(".option").on("click",function(){ var $option = $(this); if(!$option.hasClass("option-sel")){ $(".options .option-sel").removeClass("option-sel"); $option.addClass("option-sel"); $("#submit").click(); } }); $(".option").eq($('#answerNum').val()-1).trigger('click'); $(".next-btn").on("click",function(e){
红色那句放到$("#submit").on("click",function(){.....})这个后面，要不submit没绑定事件 还有$(".option").on("click",function(){里面的$("#submit").click();改成$("#submit").trigger('click');
chinashiji 2017-06-28
  • 打赏
  • 举报
 回复
var answertime = ''; $(function(){ $(".option").on("click",function(){ var $option = $(this); if(!$option.hasClass("option-sel")){ $(".options .option-sel").removeClass("option-sel"); $option.addClass("option-sel"); $("#submit").trigger('click'); } }); $(".option").eq($('#answerNum').val()-1).trigger('click'); $(".next-btn").on("click",function(e){ window.location.reload(); ~~~~~~~~~~~~~~~~~~~~~~~~~~~ 报告老大，还是不能自动答题，只是前面几个题目随机选了个对号，还是没有提交下一题
斯洛文尼亚旅游 2017-06-27
  • 打赏
  • 举报
 回复

<input type="hidden" name="answerNum" id="answerNum" value="3" />

$(".option").on("click", function () {
var $option = $(this);
if (!$option.hasClass("option-sel")) {
$(".options .option-sel").removeClass("option-sel");
$option.addClass("option-sel");
$("#submit").click();
}
});
$(".option").eq($('#answerNum').val()).trigger('click')//不懂你的answerNum答案是从0还是从1开始计算，从1开始.eq($('#answerNum').val())改成.eq($('#answerNum').val()-1)
_林小夕 2017-06-27
  • 打赏
  • 举报
 回复
$("#submit").click();就是你点了submit才会执行，这是个事件，不是函数。 你想要选中后直接提交，就在 

$(".option").on("click",function(){
    var $option = $(this);
            if(!$option.hasClass("option-sel")){
                $(".options .option-sel").removeClass("option-sel");
                $option.addClass("option-sel");
                //$("#submit").click(); //这样写是没用的
                //在这直接写提交要做的事
            }；
});
___紫菜 2017-06-27
  • 打赏
  • 举报
 回复
引用 5 楼 chinashiji 的回复:
trigger，具体怎么写啊，说具体一点啊，版主人呢？？生孩子去了吗？
你可以查一下trigger的用法，你代码太长了看的眼睛疼
chinashiji 2017-06-27
  • 打赏
  • 举报
 回复
trigger，具体怎么写啊，说具体一点啊，版主人呢？？生孩子去了吗？
chinashiji 2017-06-26
  • 打赏
  • 举报
 回复
选择一个答案后，会出现对错，然后出现下一题的弹框，然后进入下一题 怎么能让这些都自动完成呢？？？？？？不懂啊 20红包给上 版主呢
___紫菜 2017-06-26
  • 打赏
  • 举报
 回复
trigger
chinashiji 2017-06-26
  • 打赏
  • 举报
 回复
这就是代码，我想做成自动答题，不管对错都可以 我看了是$(".option").on("click"里面有个$("#submit").click();提交的，我在代码前加了，$("#submit").click();但是还是不自动提交啊，也不判断是否点击了，应该怎么做呢？？？ 怎么让页面加载后就自动执行(".option").on("click"，就是不用点击就模拟了这个点击 或者怎么自动执行$("#submit").on("click，让页面自动提交呢 20红包，没有更多了
一剑侵心 2017-06-26
  • 打赏
  • 举报
 回复
你的问题是什么
论坛管理之“求助”
在开放的论坛中一定会有各种各样的声音，有时候大家为了某个技术问题争得面红耳赤，异常激烈。论坛是提倡这样的氛围，为了技术的争执才说明这个论坛的活力。 不过有时候也常常能够...这样的求助其实缺乏内容，表达...
给软件开发初学者
在论坛上呆久了，发现很大一部分有关开发的帖子都是有关心怀梦想，立志成为一个软件英雄或者响当当的黑客人物；或者是狂热的游戏玩家，突然想...”，“初学C++，请问看什么书好”，“请高手帮我看看这个程序”，“我想
转自baidu wqqq 给软件开发初学者
在论坛上呆久了，发现很大一部分有关开发的帖子都是有关心怀梦想，立志成为一个软件英雄或者响当当的黑客人物；或者是狂热的游戏玩家，突然想...”，“初学C++，请问看什么书好”，“请高手帮我看看这个程序”，“我...
给软件开发者
在论坛上呆久了，发现很大一部分有关开发的帖子都是有关心怀梦想，立志成为一个软件英雄或者响当当的黑客人物；或者是狂热的游戏玩家，突然想迈入游戏开发的...”，“初学C++，请问看什么书好”，“请高手帮我看看这
授之以鱼不如授之以渔！五分钟教会您手工查杀***！
授之以鱼不如授之以渔！五分钟教会您手工查杀*...　总有热心的版主、网友来要一份求助者的系统信息记录，来帮着分析解答。　但这肯定不是一个很好的办法，新问题在不断发生，解答问题的人即使不怕累，相信求助的人也...
JavaScript

87,993

社区成员

224,694

社区内容

发帖
与我相关
我的任务
社区描述
Web 开发 JavaScript
社区管理员
  • JavaScript
  • 无·法
加入社区
  • 近7日
  • 近30日
  • 至今

加载中

查看更多榜单
社区公告
暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章