Question

我正在使用jquery mobile创建一个小型移动网站。

我有一个带链接的弹出窗口，但只有当弹出窗口不高于手机屏幕时，此链接才有效。但它适用于计算机......

当我点击链接时，关闭弹出窗口的十字架会亮起。

<div id="trouverUnMatch" data-role="page">

    <div id="notification" data-role="popup" data-overlay-theme="b">
        STUFF HERE
        <a href="#allNotifications">More</a>
    </div>

</div>

<div id="allNotifications" data-role="page">

</div>

编辑：底部链接不是问题，当我点击弹出窗口内的任何地方时，它会弹出顶部并点亮关闭按钮。

例如，如果您转到http://demos.jquerymobile.com/1.4.5/popup/并点击图片（照片灯箱），则只需调整浏览器的一半（高度），然后点击图片即可关闭按钮将被照亮。

Answer 1

我已将链接替换为：

<span class="link" data-link="allNotifications">More</span>

$(document).ready(function() {

    $(".link").on('tap', function () {

        $.mobile.changePage( "#" + $(this).attr("data-link") );

    });

});

适用于iOS，但桌面上的chrome现在有问题......

弹出窗口中的链接不起作用

1 个答案: