Javascript jQuery移动单选按钮,onclick事件有问题吗?
我在平板电脑上的收音机盒上进行了多次onclick,在桌面上一切正常,但在平板电脑上selectCompany被呼叫了两次,平板电脑上的onclick有问题吗 代码如下:Javascript jQuery移动单选按钮,onclick事件有问题吗?,javascript,jquery,jquery-mobile,Javascript,Jquery,Jquery Mobile,我在平板电脑上的收音机盒上进行了多次onclick,在桌面上一切正常,但在平板电脑上selectCompany被呼叫了两次,平板电脑上的onclick有问题吗 代码如下: <div class="formcontent" id="formContent"> <div data-role="fieldcontain" id="companyContainer" class="ui-field-contain ui-body ui-br"> <f
<div class="formcontent" id="formContent">
<div data-role="fieldcontain" id="companyContainer" class="ui-field-contain ui-body ui-br">
<fieldset data-role="controlgroup" class="ui-corner-all ui-controlgroup ui-controlgroup-vertical">
<div role="heading" class="ui-controlgroup-label">Empresa:</div>
<div class="ui-controlgroup-controls">
<div class="ui-radio">
<input type="radio" onclick="selectCompany(1)" name="company_select" id="company_select_0" value="0">
<label for="company_select_0" data-corners="true" data-shadow="false" data-iconshadow="true" data-wrapperels="span" data-icon="radio-off" data-theme="c" class="ui-btn ui-btn-icon-left ui-corner-top ui-btn-up-c ui-radio-off"><span class="ui-btn-inner ui-corner-top"><span class="ui-btn-text">Google</span><span class="ui-icon ui-icon-shadow ui-icon-radio-off"> </span></span>
</label>
</div>
<div class="ui-radio">
<input type="radio" onclick="selectCompany(2)" name="company_select" id="company_select_1" value="1">
<label for="company_select_1" data-corners="true" data-shadow="false" data-iconshadow="true" data-wrapperels="span" data-icon="radio-off" data-theme="c" class="ui-btn ui-btn-icon-left ui-radio-off ui-btn-up-c"><span class="ui-btn-inner"><span class="ui-btn-text">Amazon</span><span class="ui-icon ui-icon-shadow ui-icon-radio-off"> </span></span>
</label>
</div>
<div class="ui-radio">
<input type="radio" onclick="selectCompany(4)" name="company_select" id="company_select_2" value="2">
<label for="company_select_2" data-corners="true" data-shadow="false" data-iconshadow="true" data-wrapperels="span" data-icon="radio-off" data-theme="c" class="ui-btn ui-btn-icon-left ui-corner-bottom ui-controlgroup-last ui-radio-on ui-btn-up-c"><span class="ui-btn-inner ui-corner-bottom ui-controlgroup-last"><span class="ui-btn-text">Apple</span><span class="ui-icon ui-icon-shadow ui-icon-radio-on"> </span></span>
</label>
</div>
</div>
</fieldset>
</div>
</div>
Empresa:
谷歌
亚马逊
苹果
我会检查这个问题。基本上,点击事件似乎是针对几个触摸事件触发的。也许检测浏览器(即,如果在平板电脑上)并以不同的方式处理绑定将解决您的问题。我所做的是取消绑定变量
$("#foodiv").bind("click", function( event ) {
functionCalledOnce();
$(this).unbind( event );
});
它很干净,效果也很好。您是否有幸改用onchange?收音机支持onchange吗?我试试。我有一个问题,我的价值观是动态的。。。我需要找出一个更好的解决方案来解决这个问题。也许将数据属性和类与and结合使用可以解决您需要的问题。例如:$(document).ready(function(){$(“.myradios”).on(“mousedown touchstart MozTouchDown”,function(){alert($(this).data(“myid”);});