Question

我刚开始使用jQuery Mobile我想创建弹出窗口。

我在jQuery Mobile网站上找到了以下示例：

<a href="#popupBasic" data-rel="popup">Open Popup</a>
<div data-role="popup" id="popupBasic">
    <p>This is a completely basic popup, no options set.<p>
    <a href="index.html" data-role="button">Link button</a> 
    <a href="index.html" data-role="button">Link button</a> 
</div>

效果很好。我现在需要的是将其从href更改为onClick函数，如下所示：

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

它不像那样工作。我应该对onClick做些什么才能使其发挥作用？

非常感谢您的帮助。

Answer 1

您可以使用如下：

创建javascript函数：

 function openPopUp(){
        $('#popupBasic').popup('open'); 
    }

在点击事件中调用openPopUp（），如下所示：

<a href="#" onclick="openPopUp()" data-rel="popup">Open Popup</a>

JSFiddle

jQuery mobile on click功能

1 个答案: