0

我有一个页面，上面有许多对象，其中一些可以根据用户请求删除。我想使用 jQuery 工具是/否覆盖来呈现“你确定吗？” 在删除之前向用户键入对话框以获得确认。我已经改编了jQuery Tools demo，并且让它工作，至少到它没有的地步......

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

所以：有什么办法可以让它工作吗？一定有什么，但我的大脑在这一点上已经筋疲力尽了。谢谢您的帮助。

包含链接的链接是这样的：

<li class='yuimenuitem'><a class='yuimenuitemlabel modalInput' rel='#yesno' href='/slate/delete/12345'>delete this item</a></li>

分配给叠加层的点击处理程序与 flowplayer 演示中的内容基本相同。

4

1 回答 1

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];
    }
});
于 2010-12-08T04:25:42.690 回答