1

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 ページをもう一度クリックすると、ボタンはリンクとしてのみ表示され、ボタン スタイルは表示されません。

この問題を解決するのを手伝ってもらえますか?

4

1 に答える 1

0

コードでは、ボタンのスタイルを更新していません。したがって、後で追加する必要があります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/

于 2013-07-07T11:27:22.377 に答える