jQuery Colorbox加载问题

问题描述

| 我在删除用户之前将jquery colorBox用于确认窗口。但是，用户单击此链接后，页面将变为新页面（而不是弹出窗口）。你能帮助我吗

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

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

});

    

解决方法

我会使用以下技巧来避免过早（即在$（document）.ready（）之前）点击： 在锚点中，使用rel属性而不是href来存储目标网址，如下所示：

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

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

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

这将导致在加载颜色框之前禁用链接的种类。即如果您的用户单击这些链接太早，则不会采取任何措施。 这是您所需要的吗？ 此处的工作示例：http://jsfiddle.net/ce7a4/2/ （仅在页面加载后5秒钟，Colorbox会绑定到链接。在此之前单击链接将不会导致可见操作）