JQuery Mobile自定義主題按鈕

Question

我剛開始使用jquery移動自定義主題而不是其中一個默認值。很多問題......但目前的問題是動態創建的按鈕無法按預期工作。

我有一些動態的HTML我通過$（ 「＃集裝箱」）注射。追加（...）

  <div> 
       <a class="view-it" data-role="button" href="">View</a> 
      </div> 

因爲它是動態的，我需要做的

$（」 * [數據角色= '按鈕']「）按鈕（）。

讓它初始化。

雖然我的按鈕現在看起來像一個按鈕，但錨點仍然看起來像超鏈接，點擊事件只在點擊按鈕內部的超鏈接時觸發，而不在按鈕本身的其他區域觸發。

任何想法？

更新：

如果我使用一個div像這樣反而錨

  <div class="view-it" data-role="button"> 
       View 
      </div> 

它顯示正確的現在，但還是點擊整個按鈕的表面不迴應...只有圍繞文字（+一小段邊距）

Answer 1

data-role=button已被棄用，所以您需要手動添加類，即使動態追加它們也不需要任何手動增強。 .button()僅用於<input type=button>。

你的解決方案如下：

var Btn = '<a href="#" class="ui-btn ui-btn-Custom ui-btn-icon-Position ui-icon-Name">Button</a>'; 

$(".selector").append(Btn); 

• ui-btn-Custom：是主題樣本即ui-btn-a

• ui-btn-icon-Position：圖標的位置，左，右，上，下或NOTEXT即ui-btn-icon-left

• ui-icon-Name：圖標的圖片即ui-icon-home

Demo