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>

如果我点击Button It Works,但如果我使用Javascript方法.popup('open'),则没有任何反应.Popup没有显示.

怎么了？我使用JqueryMobile 1.2.0和JQuery 1.8.2.

Answer 1

$('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');
    });
});