jquerymobile弹出函数在onClick中不起作用

jquerymobile popup function is not working in the onClick

本文关键字：onClick 不起作用 函数 jquerymobile      更新时间：2023-09-26

我有:

<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 

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

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

更多信息请参见:http://api.jquery.com/id-selector/

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

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

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

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

我遇到了这个线程，同时试图找到完全相同的行为的原因-单击data-rel='popup'链接正在工作，但popup()方法没有显示任何东西。在经历了许多挫折之后，我最终发现问题的根源在于我编写了

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

没有报价!没有人抱怨- Chrome没有抛出一个错误，但弹出调用没有做任何事情。

希望这篇文章有一天能帮助到别人。

相关文章：