javascript - jquerymobile 弹出功能在 onClick 中不起作用

Question

我有:

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

如果我单击“按钮，它可以工作”，但如果我使用 Javascript 方法 .popup('open')，则不会发生任何情况。未显示弹出窗口。

发生了什么事？我使用 JqueryMobile 1.2.0 和 JQuery 1.8.2。

Answer 1

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

应该是

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

有关更多信息，请参阅:http://api.jquery.com/id-selector/

那么你最好在.ready()中绑定(bind)你的链接，你应该尽量避免Javascript代码在 DOM为了更好的可维护性。

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

和您的 <script></script> 之间标签

$(function () {
    $("#myButton").click(function () {
        $('#transitionExample').popup('open');
    });
});