jquery - jQueryMobileのポップアップが意図したとおりに機能しない場合はアドバイスしてください

Question

jQuery Mobileのポップアップが意図したとおりに機能しない場合は、アドバイスしてください。

ポップアップDIVは引き続き表示されますが、DIVは非表示になり、リンクをクリックしてもポップアップしません。jQueryドキュメントのデモで機能するようです。

以下のコードに何か問題がありますか？

<a href="#transitionExample" data-transition="pop" data-role="button" data-inline="true" data-rel="popup">Pop Up</a>
     <div data-role="popup" id="transitionExample">
     This is a POP UP.
    </div>

Answer 1

まだリリースされていないベータ機能を使用しています。使用していることを確認します

• jQuery 1.7.1以降（http://jquerymobile.com/test/js/jquery.js）
• jQM 1.2.0（http://jquerymobile.com/test/js/jquery.mobile.js）
• jQM 1.2.0 css（http://jquerymobile.com/test/css/themes/default/jquery.mobile.css）

実例：

• http://jsfiddle.net/WSZ5b/1/

ドキュメント：

• http://jquerymobile.com/test/docs/pages/popup/index.html

あなたのコード：

<div data-role="page" class="type-interior">
    <div data-role="content" class="ui-body">
        <a href="#transitionExample" data-transition="pop" data-role="button" data-inline="true" data-rel="popup">Pop Up</a>
        <div data-role="popup" id="transitionExample">
            This is a POP UP.
        </div>
    </div>
</div>

Answer 2

HTML

<p>You have entered: <span id="dialogoutput"></span></p>

    <a href="#" id="dialoglink" data-role="button">Open Dialog</a>

jQuery

$(document).delegate('#simplestring', 'click', function() {
  $(this).simpledialog({
    'mode' : 'string',
    'prompt' : 'What do you say?',
    'buttons' : {
      'OK': {
        click: function () {
          $('#dialogoutput').text($('#dialoglink').attr('data-string'));
        }
      },
      'Cancel': {
        click: function () { },
        icon: "delete",
        theme: "c"
      }
    }
  })
})

参照：_

http://jquerymobile.com/branches/popup-widget/docs/pages/popup/index.html

http://dev.jtsage.com/jQM-SimpleDialog/demos/string.html