2012-09-24 73 views
2

我收到多個onclicks在平板電腦上的廣播電臺,在桌面上通用工作正常,但在平板電腦上selectCompany被調用兩次,是否有onclick平板電腦上的問題?jQuery Mobile單選按鈕,onclick事件的問題?

下面是代碼:

<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">&nbsp;</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">&nbsp;</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">&nbsp;</span></span> 
        </label> 
       </div> 
      </div> 
     </fieldset> 
    </div> 
</div> 
+0

你有沒有使用onchange的運氣呢? – thewebguy

+0

做無線電支持onchange?我會試試看。 – Astronaut

回答

0

我所做的是取消綁定變量...

$("#foodiv").bind("click", function(event) { 
    functionCalledOnce(); 
    $(this).unbind(event); 
}); 

它的清潔和運作良好的效果。

2

我會檢查this問題。基本上,似乎點擊事件觸發了幾個觸摸事件。也許檢測瀏覽器(即如果在平板電腦上)並以不同方式處理綁定將解決您的問題。

+0

我有一個問題,我的數值是動態的...我需要找出解決此問題的更好方法。 – Astronaut

+0

也許在[jquery.data](http://api.jquery.com/jQuery.data/)和[jquery.on](http://api.jquery.com/)中使用數據屬性和類的組合在/)將解決你所需要的。例如: $(document).ready(function(){ $(「。myradios」)。on 「mousedown touchstart MozTouchDown」, function(){alert($(this).data(「myid」);} ); }); – Steve