0

私は持っています：

<div data-role="page" class="type-interior">
    <div data-role="content" class="ui-body">
        <a href="#transitionExample" data-role="button" data-rel="popup">
          Pop Up
        </a>
        <div data-role="popup" id="transitionExample">This is a POP UP.</div>
        <a href=# onClick="$('transitionExample').popup('open')"
        data-rel="popup">OpenPopUp</a>
    </div>
</div>

Button It Worksをクリックしても、Javascriptメソッド.popup（'open'）を使用しても、何も起こりません。ポップアップは表示されません。

何が起こっている？私はJqueryMobile1.2.0とJQuery1.8.2を使用しています。

4

2 に答える 2

5 
$('transitionExample').popup('open')

する必要があります

$('#transitionExample').popup('open')

詳細については、http：//api.jquery.com/id-selector/を参照してください。

次に、.ready（）でリンクをバインドする方が適切です。保守性を高めるためJavascriptに、のコードは避けてください。DOM

 <a href='#' id='myButton' data-rel="popup">OpenPopUp</a>

とあなたの<script></script>タグの間

$(function () {
    $("#myButton").click(function () {
        $('#transitionExample').popup('open');
    });
});
于 2013-01-21T11:34:30.177 に答える
0

まったく同じ動作の理由を見つけようとしているときにこのスレッドに遭遇しました-data-rel='popup'リンクをクリックしても機能していましたが、popup（）メソッドは何も表示していませんでした。多くの欲求不満の後、私は最終的に問題が私がコーディングしたという事実にあることに気づきました

$('#popupid').popup(open)

見積もりはありません！誰も文句を言いませんでした-Chromeはエラーをスローしませんでしたが、ポップアップ呼び出しは何もしませんでした。

うまくいけば、これはいつか他の誰かを助けるでしょう。

于 2013-02-21T09:55:15.730 に答える