Кнопки Jquerymobile показаны только с первого взгляда на страницу

Question

У меня проблема с кодом jquery mobile. Я использую приведенный выше код для добавления динамического 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/