Question

我在删除用户之前使用jquery colorbox进行确认窗口。但是用户点击此链接befire页面loding，它将进入新页面（不弹出）。你能帮我吗

<a class="delete" href="member/remove/{$result['user_id']}">Remove</a>

$(document).ready(function() {
    $('.delete').colorbox({innerWidth:"480px", innerHeight:"170px", iframe:true});

});

Answer 1

我会使用以下技巧尽早避免（即在$（document）.ready（）之前点击：

在您的锚点中，使用rel属性而不是href来存储目标网址，如下所示：

<a class="delete" href="#" rel="member/remove/{$result['user_id']}">Remove</a>

将自定义“href”函数传递给colorbox，它将返回锚点的rel属性而不是href值：

$('.delete').colorbox({
    innerWidth:"480px",
    innerHeight:"170px",
    iframe:true,
    href: function() {
        return $.colorbox.element().attr('rel');
    }
});

这会在加载颜色框之前导致类型禁用的链接。即如果您的用户在这些链接上过早点击，则不会采取任何措施。

这是你需要的吗？

此处的工作示例：http://jsfiddle.net/ce7a4/2/ （Colorbox将在页面加载后仅5秒绑定到链接。单击之前的链接将导致没有可见的操作）

jquery colorbox加载问题

1 个答案: