將jquery應用於用javascript插入的代碼

我有這行代碼，在localDB準備就緒時通過JS插入。將jquery應用於用javascript插入的代碼

 // 
    boxOne = document.getElementById("box1"); 
    content = '<button data-icon="delete">Delete</button>'; 
    boxOne.innerHTML = content; 
    //

此代碼的問題在於，mobilejquery應該讀取data-icon="delete"並添加該類的圖標以顯示，但不會這樣做。我可以簡單地通過我自己手動添加類，但是當我嘗試將驗證庫應用於由JS插入的表單時，驗證將無法正常工作，這也會造成我的麻煩。那麼我怎樣才能讓jquery &我使用的任何庫讀取這個插入的JS代碼。

來源

2014-02-19 Kash

boxone.innerHTML = content？ – Konza

你正在使用哪個jqm版本？ – Omar

其他答案顯示如何添加按鈕，但不知道如何讓jQuery Mobile來增強它。

如果使用JQM 1.4，調用enhanceWithin()在容器上：

var content = '<button data-icon="delete">Delete</button>'; 
$("#box1").append(content).enhanceWithin();

如果您正在使用1.3，按鈕對象調用button()：

var content = '<button data-icon="delete">Delete</button>'; 
$("#box1").append(content); 
$("#box1 button").button();

注：在我的例子中，我使用append()添加內容，如果您願意，仍然可以使用html()。

來源

2014-02-19 14:47:45 ezanker

這解決了它非常感謝 $("#box1").html(content).enhanceWithin(); 多數民衆贊成它沒有形成我我正在使用此代碼內循環BTW – Kash

我想你的意思是把content放在boxOne之內。因爲它代表你試圖插入一個DOM對象（本身）爲innerHTML：

boxOne.innerHTML = content;

JSFiddle

或者，因爲它提供給你，只是使用jQuery：

$btn = $('<button/>',{text:'Delete','data-icon':'delete'}); 
$('#box1').html($btn);

JSFiddle

來源

2014-02-19 09:36:30 George

使用jQuery，您可以使用html()：

$('#box1').html('<button data-icon="delete">Delete</button>');

來源

2014-02-19 09:37:11 Felix

將jquery應用於用javascript插入的代碼

回答

相關問題