<button type="button" class="mui-btn mui-btn-primary fl btnstyle" id="viewanswer"
data-index="0"
data-wrlid="669"
data-choiceanswer="A,C"
data-myanswer=""
data-correctcount="2"
data-wrongcount="3">查看答案
</button>
要解决的问题:
1、题目列表的循环(在页面template模板中已经解决了)
2、点击查看答案查看当前的答案:
- 如果没有选择答案点击按钮:直接给错+1
- 如果选择了答案点击按钮:做对了 对+1,做错了 错+1
把需要的参数放在查看按钮
上,如data-index
指当前是哪一题(0为第一题),data-wrlid
指当前的wrlid
,data-choiceanswer
指数据里的正确答案,data-myanswer
指我的答案,data-correctcount
指对的题数,data-wrongcount
指错的题数。
3、删除按钮,删除时要获取wrlid
,并且总页数要 -1
4、当前页与总页数之间的数据获取,如刚进来时的数据
、滑动后的数据
和删除之后的数据控制
过程
定义全局参数:
var idx = '';//当前页
var total = '';//总题数
var newtotal = '';//新总题数
var newidx = '';//新当前页
刚进来时的数据 $('.bottomArae').find('span').text( ${idx + 1} / ${ total } );//进页面显示
滑动后的数据$('.bottomArae').find('span').text( ${ idx } / ${ total } );//滑动显示
删除时的数据
要判断是第一页$('.bottomArae span').text( ${ 1 } / ${ total - 1});
还是中间页$('.bottomArae span').text( ${ newidx } / ${ total - 1});
newindex
为滑动后的新当前页 total
总数 -1
点击按钮时对错的次数改变
获取选择的选项并且把值放到按钮上
$(document).on('change','#questionArea .mui-slider-item',function(){
var _index = $(this).index();
var type = $(this).attr('data-type');//判断题型
if(type != '20'){//单选和判断
var myanswer = $(`[name = single${_index + 1}]:checked`).val();
$(this).find('#viewanswer').attr('data-myanswer',myanswer);
}else{ // 多选
let arr = [];
$.each($(`[name = multiple${_index + 1}]:checked`), function (i, v) {
arr.push($(v).val());
});
$(this).find('#viewanswer').attr('data-myanswer',arr);
}
})
补充一点:从上一个列表点击进来要跳到相对应的slide
,
先获取点击列表的id
,var listidx = $(this).attr('data-role');
在把id传给地址栏
,window.location.href="/mobile/kyk/wrong.html?subject="+subject + '&idxs='+ listidx;
再地址栏获取参数进行跳转
,一进页面加载
var slider = mui('.mui-slider').slider(); //跳转到相对应的滑块
slider.gotoItem(refindex);