jquery-mobile - 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/