【问题标题】:jQuery Mobile popup data-dismissible="false" problemsjQuery Mobile 弹出 data-dismissible="false" 问题
【发布时间】:2023-03-25 19:47:01
【问题描述】:

这是我第一次使用 jQUery Mobile 弹出窗口。我找到了文档 herehere。我希望如何创建以下内容:

现在根据文档,以下代码应该可以工作:

<a href="#popupBasic" data-rel="popup">Open Popup</a>

<div data-role="popup" id="popupBasic" data-dismissible="false">
    <p>This is a completely basic popup, no options set.<p>
</div>

但鉴于上面的代码,我仍然不断收到库存标准弹出窗口:

知道我做错了什么吗?

【问题讨论】:

    标签: javascript jquery jquery-mobile popup


    【解决方案1】:

    data-dismissible 表示您是否希望在弹出窗口外部单击后关闭。默认值为true,如果设置为false,则必须添加带有data-rel="back"的按钮才能关闭它,jQM不会动态/自动添加关闭按钮。

    将您的标记更改为以下内容。

    <div data-role="popup" id="popupBasic" data-dismissible="false" data-theme="c" data-overlay-theme="a">
      <p>Click button to close this.</p>
      <a href="#" data-rel="back" data-role="button">Close</a>
    </div>
    

    注意data-themedata-overlay-theme 是不同的,后者改变了弹出窗口的覆盖颜色。

    或者,您可以通过编程方式关闭它。

    $("#popupBasic").popup("close");
    

    Demo

    【讨论】:

    • 奥马尔再次感谢您拯救生命!知道如何像我发布的图片那样淡出背景吗?
    • @Roberto 不客气。这取决于添加到弹出窗口本身的data-overlay-theme。我会更新演示。
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 2013-02-13
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2011-11-02
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多