jQuery 工具是/否对话框：如何每页有多个？

Question

我有一个页面，上面有许多对象，其中一些对象可以根据用户请求删除。我想使用 jQuery 工具是/否覆盖来呈现“您确定吗？”在删除之前向用户输入对话框以获取确认。我已经改编了 jQuery 工具演示，并使其正常工作，位于至少到了没有的程度...

我已经按照 Flowplayer 演示获取了为每个“删除这个东西”链接创建的覆盖层，并且单击它们可以正确地显示覆盖层。我现在需要的是处理单击的代码来检查单击的按钮，如果单击“是”按钮，则从链接获取 href 并将页面重定向到该位置。在我看来，问题在于附加到包含 yes 和 no 按钮的 DIV 的单击处理程序没有任何方法来判断单击了哪个链接以导致其调用，因此它无法获得适当的href。 flowplayer 演示中的点击处理程序假定页面上只有一个位置可以调用叠加层。这对我不起作用——我有很多。

那么：有什么办法让它发挥作用吗？一定有什么事情，但我的大脑此时已经精疲力尽了。感谢您的帮助。

---

包含链接的链接如下：

delete此项目

分配给叠加层的点击处理程序与 Flowplayer 演示中的内容基本没有变化。

Answer 1

您可以使用叠加层的 onBeforeLoad 事件来设置一个带有所单击按钮的 id 的变量。

然后，当他们单击“是”或“否”时，按钮可以检查该变量并为用户加载正确的 URL。这是未经测试的，但类似的东西应该有效......

var clicked;
var links = [];//put a hash of button id's and links in here
var triggers = $(".modalInput").overlay({
    mask: {
        color: '#ebecff',
        loadSpeed: 200,
        opacity: 0.9
    },

    onBeforeClick: function(event) {
        var element = e.originalTarget || e.srcElement;
        clicked = element.id
    },

    closeOnClick: false
});
var buttons = $("#yesno button").click(function(e) {
    var yes = buttons.index(this) === 0;
    if(yes) {
        window.location = links[clicked];
    }
});