jquerymobile按鈕只顯示頁面的第一個外觀

Question

我有一個問題，jQuery的移動代碼。我正在使用上面的代碼爲我的應用程序添加一個動態html代碼。

$("#tab3").click(function() { 
    $('#HaberIcerik').html(" <img src='img/izto_header.png' height=auto width=100% class='img2' > "); 
    $('#HaberIcerik').append(" <div class='zoomTab'><a href='#' data-role='button' class='plus'>+</a><a href='#' data-role='button' class='minus'>-</a></div>"); 
}); 

當頁面首先加載時，一切正常。但是，當我移動到主頁面並再次單擊我的tab3頁面時，按鈕僅顯示爲鏈接，而不是按鈕樣式。

你能幫我解決這個問題嗎？

Answer 1

在您的代碼中，您不會刷新按鈕的樣式。所以，你必須經過append()

$(document).on("click", "#tab3", function (e) { 
     e.preventDefault(); 
     $('#HaberIcerik').html("<img src='http://www.ndaccess.com/Sample/Images/Image1.jpg' height=auto width=100% class='img2' > "); 
     $('#HaberIcerik').append("<div class='zoomTab'><a href='#' data-role='button' class='plus'>+</a><a href='#' data-role='button' class='minus'>-</a></div>").promise().done(function() { 
      //wait till everything is appended 
      $(this).find("a").buttonMarkup("refresh"); 
     }); 
    }); 

添加它欲瞭解更多信息請參閱文檔：http://api.jquerymobile.com/button/#method-refresh

下面是一個演示：http://jsfiddle.net/hungerpain/cTdkN/