0

2 つの単純なページが定義されたこのドキュメントがあります。

 //page1
         ...
         <a href="#dialog" id="link_open_dialog" data-rel="dialog">Click me</a>
         ...

 //page2
    <div data-role="page" id="dialog">           
         <div data-role="header">
                <h1>Something</h1>
          </div>
          <div data-role="content" id="textDialog">
              something
          </div>  
     </div>

しかし、問題は、ダイアログが表示されないことです.....これが最も単純なケースだと思います

4

3 に答える 3

0

問題はテンプレートからのパラメータでした。jqueryMobileとは何の関係もありません。パラメータは空のチェーン（ ""）でしたが、その部分が完全ではなかったため、テストするのが困難であったことを知りませんでした。どうもありがとう、私はこの単純な問題に何時間も費やしました

于 2012-10-03T01:11:25.937 に答える
0

jQuery Mobile の参照を正しく定義していないか、コンソールでエラーを確認してください。

次の実際の例を試してください。

<html>
    <head>
        <link rel="stylesheet" href="http://code.jquery.com/mobile/1.1.1/jquery.mobile.structure-1.1.1.min.css" />
        <link rel="stylesheet" href="http://code.jquery.com/mobile/1.1.1/jquery.mobile-1.1.1.min.css" />
        <script src="http://code.jquery.com/jquery-1.7.1.min.js"></script>
        <script src="http://code.jquery.com/mobile/1.1.1/jquery.mobile-1.1.1.min.js"></script> 
    </head>

    <body>
        <!-- PAGE 1 -->
        <div id="page_1" data-role="page">
            <div data-role="content">
                <a href="#dialog" id="link_open_dialog" data-rel="dialog">Click me</a>
            </div>
        </div>

        <!-- PAGE 2: DIALOG -->
        <div data-role="page" id="dialog">           
            <div data-role="header">
                <h1>Something</h1>
            </div>
            <div data-role="content" id="textDialog">
                something
            </div>  
        </div>  
    </body>
</html>
于 2012-10-03T00:50:32.450 に答える
-2

data roleこのプラグインには詳しくありませんが、 asを指定する必要があるようです"button"。そうしないと、イベントは発生しません...ただの推測です。

<a data-role="button" data-rel="dialog">hello</a>

    <div data-role="dialog">Hello World</div>
于 2012-10-03T00:46:24.343 に答える