4

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>
4

2 に答える 2

5

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

実例：

ドキュメント：

あなたのコード：

<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>
于 2012-06-12T13:17:24.463 に答える
1

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

于 2012-06-12T12:08:36.823 に答える