2

jQuery Mobile のdata-role="page". 2 ページ目のパネルを呼び出そうとしていますが、エラーが表示されます

未定義のプロパティ 'nodeType' を読み取れません

2 番目のページに遷移しようとすると、エラーが発生します。私の基本的なページ構造は次のとおりです。

<body>
    <div data-role="page" id="page1">
        <a href="#page2"> Enter Page 2</a>
    </div>
    <div data-role="page" id="page2">
        <h3> tthis is page 2 </h3>
        <input type="button" id="myButton"> My Button </input>
        <div data-role="panel" id="myPanel">
            <p> Panel content </p>
        </div>
    </div>
</body>

パネルは関数を介して呼び出されていますが、関数をコメントアウトすると同じエラーが表示されます。

$(document).ready(function() {
    $('#myButton').on('click', function() {
        $('#myPanel').panel('open')
    })
})

パネルは最初のページにある場合に機能し、最初のページで定義して 2 番目のページで開いた場合でも、最初のページで開きます。戻るボタンを押すとそこにあります。私もjQuery Mobileを使用していますが、それは何にでも影響を与えます。

このエラーが表示されるのはなぜですか? 簡単な解決策はありますか、それともパネルを動的に作成してこれを回避する必要がありますか? ありがとう。

4

1 に答える 1