【mui slide根据地址栏参数指定跳转】以及其他逻辑处理

<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);