問(wèn)題
第一步，點(diǎn)擊...，顯示紅色的罩層
第二步，點(diǎn)擊啟動(dòng)答題
點(diǎn)擊了啟動(dòng)答題，就產(chǎn)生問(wèn)題了
第一次點(diǎn)擊的時(shí)候，只發(fā)一次ajax,第二次點(diǎn)擊，就會(huì)觸發(fā)2次，一直疊加
要循環(huán)的html
<div class="item-box">
<div class="box-hava-data">
<div class="item-white">
<div class="white-left">
<div class="left-top">
<span class="top-title">{{=it.paperName}}</span>
<input type="number" hidden="" class="this-paperId" value="{{=it.paperId}}" />
<span class="top-tag">{{=it.paperTypeName}}</span>
</div>
<div class="left-middle">
<span class="middle-time">{{=it.createTime}}</span>
<span class="middle-state">狀態(tài):
{{? it.status==="not_start"}}
未答題
{{?? it.status==="started"}}
答題中
{{??}}
結(jié)束答題
{{?}}
{{=it.questionCount}}題
</span>
</div>
<div class="left-bottom">
<span class="bottom-class">
{{? it.paperTypeId===6}}
{{=it.className}} - {{=it.studentName}}
{{??}}
{{=it.className}}
{{?}}
</span>
<span class="bottom-submit"> 已提交0/1</span>
<span class="bottom-noCorrect">未批改</span>
</div>
<input type="number" hidden="" name="testId" class="testId" value="{{=it.id}}" />
</div>
<div class="white-right">
<div class="circle">
<div class="pie_left">
<div class="left"></div>
</div>
<div class="pie_right">
<div class="right"></div>
</div>
<div class="theValue">
<p>正確率</p>
<p><span class="vauNum">{{=it.accuracy}}</span>%</p>
</div>
</div>
<div class="right-bottom">
//3個(gè)點(diǎn)點(diǎn)點(diǎn)
<span class="bottom-item"></span>
<span class="bottom-item"></span>
<span class="bottom-item"></span>
</div>
</div>
</div>
<div class="item-red">
{{? it.status==="not_start"}}
<div class="red-group">
<img class="group-img-start" src="../../image/index_start.png" alt="img" />
<p class="group-text">啟動(dòng)答題</p>
</div>
<div class="red-group">
<img class="group-img-del" src="../../image/index_del.png" alt="img" />
<p class="group-text">取消答題</p>
</div>
{{?? it.status==="started"}}
<div class="red-group">
<img class="group-img-stop" src="../../image/index_stop.png" alt="img" />
<p class="group-text">結(jié)束答題</p>
</div>
<div class="red-group">
<img class="group-img-scan" src="../../image/index_scan.png" alt="img" />
<p class="group-text">開始掃描</p>
</div>
<div class="red-group">
<img class="group-img-edit" src="../../image/index_edit.png" alt="img" />
<p class="group-text">開始批改</p>
</div>
{{??}} {{? it.correctStatus==="not_start"}}
<div class="red-group">
<img class="group-img-scan" src="../../image/index_scan.png" alt="img" />
<p class="group-text">開始掃描</p>
</div>
<div class="red-group">
<img class="group-img-edit" src="../../image/index_edit.png" alt="img" />
<p class="group-text">開始批改</p>
</div>
{{??}}
<div class="red-group">
<img class="group-img" src="../../image/index_ok_gray.png" alt="img" />
<p class="group-text">批改完成</p>
</div>
{{?}} {{?}} {{? it.courseId}}
<input type="text" hidden="" name="courseId" class="courseIdindex" value="{{=it.courseId}}" /> {{??}}
<input type="text" hidden="" name="courseId" class="courseIdindex" value="0" /> {{?}}
</div>
</div>
</div>
點(diǎn)擊事件
function IndexControl() {
var Red = $('.app-index .index-body .body-item .item-red');
var showRed = $('.app-index .index-body .body-item .item-white .white-right .right-bottom');
// var startBtn = $('.app-index .index-body .body-item .item-red .red-group .group-img-start');
var stopBtn = $('.app-index .index-body .body-item .item-red .red-group .group-img-stop');
var delBtn = $('.app-index .index-body .body-item .item-red .red-group .group-img-del');
var editBtn = $('.app-index .index-body .body-item .item-red .red-group .group-img-edit');
var scanBtn = $('.app-index .index-body .body-item .item-red .red-group .group-img-scan');
//顯示紅色遮罩層
showRed.click(function() {
$(this).parents('.item-white').siblings('.item-red').css('display', 'flex');
$(this).parents('.body-item').siblings().children('.item-red').hide();
$(this).parents('.body-item').siblings('.actived').children('.item-red').show();
var courseId = $(this).parents('.item-white').siblings(".item-red").children('.courseIdindex').val();
classId = $('#selectclassId').val();
piId = $(this).parents('.item-white').find('.this-paperId').val()
testId = $(this).parents('.item-white').children(".white-left").children('.testId').val()
// var startBtn = $(this).parents(".item-white").siblings(".item-red").find(".group-img-start");
// startControl(startBtn, courseId, classId, piId,testId);
//點(diǎn)擊啟動(dòng)答題
$(this).parents(".item-white").siblings(".item-red").find(".group-img-start").click(function(event){
event.stopPropagation();
starttest_paper(courseId, classId, piId,testId)
})
stopControl(stopBtn, courseId, classId, piId,testId);
cancelControl(delBtn, courseId, classId, piId,testId);
editControl(editBtn, testId);
scanControl(scanBtn, testId);
});
//隱藏紅色遮罩層
Red.click(function() {
$(this).hide();
})
}
ajax
function starttest_paper(courseId,classId,paperId,testId, callback) {
var createBy = $api.getStorage('global_userId');
api.ajax({
url: cbd_server_url + 'exam/start',
method: 'put',
dataType: 'json',
headers:{
"Content-Type":'application/json',
},
data:{
body: {
id: testId,
paperId: paperId,
classId: classId,
courseId: courseId,
createBy:createBy
}
//status: "started"
// })
},
}, function(ret, err) {
if (ret) {
console.log(JSON.stringify(ret))
var result = ret.msg;
callback && callback(result);
} else {
console.log(JSON.stringify(err))
}
})
}
$(this)，點(diǎn)擊事件里有點(diǎn)擊事件，觸發(fā)多次ajax,如下圖和代碼
BIG陽(yáng)
2019-03-18 02:23:19
