jQuery Mobile 获取打开 Popup 的按钮

Question

我有一个 ListView ，当我单击 ListView 中的链接时，它会启动一个弹出窗口。为了简化目的，我省略了 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"] 选择器更加具体。

参见 fiddle :http://jsfiddle.net/cPRCU/3/