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'),则不会发生任何事情。不显示弹出窗口。

怎么了?我使用 JqueryMobile 1.2.0 和 JQuery 1.8.2。

4

2 回答 2

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

应该

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

欲了解更多信息,请参阅:http ://api.jquery.com/id-selector/

那么你最好在 .ready() 中绑定你的链接,你应该尽量避免在 .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 回答