2010-12-17 75 views
0

我剛開始使用jQuery手機。jquery手機剝離我的ID

當我將jquery mobile js和css放入正在工作的jquery頁面時,jQuery Mobile似乎正在剝離我的自定義ID並打破了 的示例。有沒有「jQuery手機」的方式來做到這一點?

$(document).ready(function() { 

      // ---- 
      $('#btnGPSDefault').click(function() { 
       alert("!"); 
       getPosition(''); 
      }); 

      // ---- 
      $('#btnGPSHigh').click(function() { 
       getPosition('{enableHighAccuracy : true}'); 
      }); 
     }); 



<button id="btnGPSDefault">Get Coordinates (default settings)</button> 
<button id="btnGPSHigh">Get Coordinates (high accuracy)</button> 
+0

請將您提供完整的示例網站是有幫助的。現在我只能猜測。 – naugtur 2010-12-18 17:57:32

回答

0

我將不得不自己看到問題,但我可以猜測,當你使用按鈕和jQuery手機 - 發生了很多事情。按鈕顯示爲不錯而圓潤的按鈕。這是通過額外的標記完成的。

嘗試使用螢火蟲,看看你的按鈕是否存在了 - 有可能是他們被那些看起來很漂亮的人所取代。即使他們在那裏 - 他們可能不是同一個DOM節點。

嘗試以下操作:

  1. 添加到您的腳本window.hook=$('#btnGPSDefault');
  2. 在Firebug控制檯刷新頁面寫window.hook後,按回車鍵,然後單擊出現什麼(如果它不是空的)

它應該顯示節點在哪裏,如果它仍然存在。

如果jquery mobile真的把它弄糟 - 這是一個錯誤。

我想你可以圍繞它使用<a class="button"代替<button

0

如果添加一個數據角色=「none」則使用按鈕元件工作,jQuery Mobile的不會做記號。看看本作的詳細信息:http://jquerymobile.com/test/docs/forms/docs-forms.html

這是我使用的:

<input type="button" data-role="none" class="flip ui-btn-corner-all ui-shadow" value="+" style="font-size: 300%; background-color: green; color: white; " /> 

你可以從「類」看,我在一些jQuery Mobile的CSS的拉幫圓形按鈕。

我不知道你的正在嘗試做的,但你也可能需要通過加載下面的JS禁用ajaxForms /鏈接您加載jQuery Mobile的JS面前:

的$(document).bind( 「mobileinit」,function(){.extend($ .mobile,{ajaxFormsEnabled:false, ajaxLinksEnabled:false ); });

欲瞭解更多信息:

http://jquerymobile.com/test/docs/api/globalconfig.html