jquery mobile中,开关滑块FlipSwitch如何响应变化事件?
希望在开关变化的时候获取值并响应,尝试过响应tapclickchange都不进入,jquerymobile中有其它方法么?谢谢!大概希望是这个样子$('#FlipSwit...
希望在开关变化的时候获取值并响应,尝试过响应tap click change都不进入,jquery mobile中有其它方法么?谢谢!
大概希望是这个样子
$('#FlipSwitch1').on('tap', function () {
alert(this[0].selectIndex);
});
html代码大致如下:
<div class="ui-field-contain"><label for="FlipSwitch1">开关:</label>
<select id="FlipSwitch1" name="FlipSwitch1" data-role="slider">
<option selected="">否</option>
<option>是</option></select>
</div>
另外,不希望使用onclick标签,这个有问题并且不被推荐使用,谢谢! 展开
大概希望是这个样子
$('#FlipSwitch1').on('tap', function () {
alert(this[0].selectIndex);
});
html代码大致如下:
<div class="ui-field-contain"><label for="FlipSwitch1">开关:</label>
<select id="FlipSwitch1" name="FlipSwitch1" data-role="slider">
<option selected="">否</option>
<option>是</option></select>
</div>
另外,不希望使用onclick标签,这个有问题并且不被推荐使用,谢谢! 展开
2个回答
展开全部
$('#FlipSwitch1').on('tap', function () {
var switch = $(this).find('[selected="selected"]').attr('data');
if(switch==1){
}else{
}
});
<select id="FlipSwitch1" name="FlipSwitch1" data-role="slider">
<option selected="selected" data="0">否</option>
<option data="1">是</option>
</select>
追问
这个问题已经解决了,
我的问题在于,事件响应没有放到页面初始化事件之内,而是直接放在了标签下面,这样肯定不响应,放在 $(document).on("pageinit",...之内,tap和click事件就都可以响应了,当然对于改变响应,on("change",function(){}); 这样会更好,jqm初学者的通病啊!
FlipSwitch并不推荐使用data或者value来判断,此问题结贴,感谢你的回答!
奉送代码如下:
$('#FlipSwitch1').on("change", function () {
var tagg = this.selectedIndex;
if (tagg)
$('#divhide').show();
else
$('#divhide').hide();
});
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询