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/

Jquery Mobile按钮仅显示页面的第一个外观

1 个答案: