Jquery ajax facebox

Question

我有一个"live search“类型的页面，它使用ajax调用另一个页面来检查输入的有效性。它返回一个图像，您可以单击该图像以查看有关该产品的更多信息。这张图片有一个rel=" facebox“属性，当点击时会弹出一个包含div信息的facebox。但是，我必须在图像上单击两次才能加载facebox。下面是我使用的Jquery live代码：

            jQuery(document).ready(function($) {

            $('a[rel*=facebox]').live("click", function() {
                $(this).facebox();
            });
        });

提前感谢！

Answer 1

发生的事情是，你正在初始化 facebox onclick。第一个调用将向click event添加一个句柄来打开facebox，所以如果您在接收这些实时结果时没有回调来执行此操作，则必须执行以下操作：

$('a[rel*=facebox]').live("click", function() {
    $(this).unbind("click").facebox().trigger("click");
    return false;
}

但这很丑陋:-(。甚至有可能，当你使用"live“时，当一些新的元素到达时，事件将被重新绑定到元素:S你可以用console.log来验证这一点。

一种更简洁的方法是向facebox添加一个初始化属性，名为autoStart或类似的属性，它将初始化facebox，并在相同的函数中打开它。

祝好运!

Answer 2

仅使用此选项：

$(function(){
    $('a[rel*=facebox]').facebox();
});

或者甚至删除*(如果这是链接上唯一的类)，它将创建facebox div结构，当您使用它与click事件时，第一次单击将生成div，第二次单击将打开facebox。

哦，还有一件事，因为内容是动态生成的，所以您可以使用回调来运行这行代码来重新附加click事件。

干杯

G.