0

jQuery Mobile を使用するのはこれが初めてで、実際に入手した WP テーマから使用しています。これがテーマに関連している可能性があることは理解していますが、確認したいだけです。

つまり、これは Wordpress jQuery Mobile のテーマであり、プラグインするだけで機能します。問題は、Wordpress メニューを UL から SELECT に変換したことです。

次に、選択したオプションの値を取得することで、変更時に選択を起動する jQuery を追加しました。それは機能し、読み込み中のものを取得すると、ページが目的の効果で変更されます。

しかし、選択メニューに現在選択されている項目を表示することができません。常に最初のものに戻ります。

利用した：

$('#main_menu').selectmenu("refresh");
$('#main_menu').selectmenu("refresh", true);

しかし、何も...

http://avatarblog.fl1hosting.com/のサイトを見て、ソースを見てください。

私のモバイル イベントはすべて jQuery Mobile インクルードの前にあることがわかりますが、これはあまり意味がありませんが、後で配置しても何も機能しません。

どんな助けでも大歓迎です！

ありがとう

4

1 に答える 1

0

選択メニューに表示するオプションを設定する必要があります。これを試して、

$("#main_menu")[0].selectedIndex = 2; // this will select the 3rd in the menu list
$("#main_menu").selectmenu("refresh");

次のスクリプトをheader.phpに追加できます。

$(document)
.unbind("pageshow.initMenuBtn")
.bind("pageshow.initMenuBtn", 
    function() {
        $.mobile.activePage = $("div.ui-page-active");
        $("#main_menu", $.mobile.activePage)
          .unbind("change")
          .bind("change", function() {
                var page = $(this).val();
                $.mobile.changePage(page);
            });

        var selectedIndex = 0;
        $("#main_menu>option", $.mobile.activePage).each(function(index) {
            if ($(this).hasClass("current-menu-item")) {
                selectedIndex = index;
            }
        });
        $("#main_menu", $.mobile.activePage)[0].selectedIndex = selectedIndex;
        $("#main_menu", $.mobile.activePage).selectmenu("refresh");
    });
于 2012-07-24T14:36:10.473 に答える