在動態創建的元素上使用buttonMarkup

我有一個jQuery的可拖動和可拖拽。從可拖動的元素中克隆了被拖放的元素。被丟棄的元素是一個簡單的jQuery移動按鈕。在動態創建的元素上使用buttonMarkup

當我嘗試使用buttonMarkup（）方法修改動態創建（刪除）元素時，它會產生一些奇怪的結果。 < a >標籤的內容翻倍。我正在討論由jQuery Mobile創建的span元素。

下面是一個簡單的jsfiddle。在這種情況下，爲了簡單起見，我使用了一個簡單的克隆，而不是可拖放/可拖放的。

2013-07-11 user2571564

的原因是因爲額外的造型appYou'll要做這樣說：

與data-role設置爲none創建HTML錨。這將停止它的樣式。在默認情況下隱藏此元素

<div class="button-container">  
    <a data-role="button" data-theme="b">Button</a> 
    <a class="cloner" data-role="none" data-theme="b">Button</a> 
</div>

現在你可以使用這個按鈕，你克隆。

$("#add-icon-button").click(function() { 
    //get the button and set it with button data-role and add button markup to it 
    var $button = $(".cloner").clone().attr("data-role", "button").buttonMarkup({ 
    icon: "star" 
    }).removeClass("cloner"); 
    //add the variable inside 
    $("#new").html($button); 
});

演示：http://jsfiddle.net/hungerpain/z4gnT/2/

來源

2013-07-11 08:55:07 krishgopinath

在動態創建的元素上使用buttonMarkup

回答

相關問題