打开Popup的jQuery Mobile get按钮

Question

我有一个列表视图,当我点击列表视图中的链接时,它会启动一个弹出窗口.出于简化目的,我省略了listview,并且只从一个按钮开始.

我想从导致弹出窗口显示的按钮中检索属性,在我的示例中是名为的属性customAttr.然后我想将值插入popupBasic.

这是我的基本示例jQuery Mobile代码:

<a href="#popupBasic" data-rel="popup" customAttr="value">Basic Popup</a>

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

jsFiddle:http://jsfiddle.net/cPRCU/2/

通常当我使用jQuery(非移动)时,我更多地参与点击事件/打开弹出窗口/对话框.我希望能够阅读导致弹出窗口显示的按钮,我该怎么做？

Answer 1

向按钮添加单击处理程序似乎有效.在此处理程序中,在弹出窗口显示之前修改它:

$('a[data-rel="popup"]').click(function () {
    var link = $(this);
    var data = link.attr('customAttr')
    var popup = $(link.attr('href')); // assume href attr has form "#id"
    popup.append(($('<p />').text(data)));
});

这是一个通用的处理程序,它支持具有多个按钮/弹出窗口的页面.如果某些按钮不应该有这种行为,我会在所需的按钮中添加一个类,并使a[data-rel="popup"]选择器更具体.

请参阅小提琴:http://jsfiddle.net/cPRCU/3/