Facebox 无法处理使用 jQuery 加载到特定 div 中的元素答案

【问题标题】：Facebox not working on elements loaded into specific div with jQueryFacebox 无法处理使用 jQuery 加载到特定 div 中的元素
【发布时间】：2011-12-19 11:42:30
【问题描述】：

只是想把它放在那里，我已经在 stackoverflow 和 google 上进行了搜索，但无法通过我找到的帮助解决我的问题。

我有一个周历，其中的日子被分成 div 元素。每个 div 的 ID 为 d-m-Y。我混合使用 php 和 jQuery 将事件加载到所选周的几天中。

下面是 jQuery 和 PHP 的组合（将事件加载到一周中的某些日子）。

echo "<script type=\"text/javascript\">
    jQuery(document).ready(function($) {
        $('a[rel*=facebox]').facebox({
            loadingImage : '/scripts/facebox-v1.3/loading.gif',
            closeImage   : '/scripts/facebox-v1.3/closelabel.png'
        });
        $(document).bind('beforeReveal.facebox', function() {
        $(\"#facebox .content\").empty();
    });
    ";

    for($day=1; $day<=5; $day++) {
        echo "$('#".date('d-m-Y', strtotime($year."W".$week.$day))."').append( $('<div />').load('/cal/load #".date('d-m-Y', strtotime($year."W".$week.$day))."' ));\n";
    }
    echo "});
    </script>";

下面是加载到特定 div 中的数据。

echo "<div id='".date('d-m-Y', strtotime($event['timeStart']))."' style='width: 100%; height: ".$eventLong."px; top: ".$eventPosition."px; left: 0%; position: absolute; z-index: 1; background: #C30;'><a href='#' rel='facebox'>Delete</a></div>";

我的问题是我无法让 facebox 工作 - 我想实现这一点，当我点击删除按钮时，facebox 会弹出。

【问题讨论】：

标签： jquery ajax facebox

【解决方案1】：

好的，我遇到了另一个问题，我想我已经修复了代码......现在应该是这样了。

下面是没有 PHP 的 jQuery 版本（我对代码中的所有日期都有一个 $date 变量）：

$(document).ready(function() {
    $('#30-01-2012').append($('<div>').load('/cal/load/room/del/date/30-01-2012 #30-01-2012' ,function() {
        $('#delete a[rel*=facebox]').facebox();
    });
});

【讨论】：

【解决方案2】：

您是否遇到了 Jquery 错误？

也许你有一个 Jquery 冲突？如果你写一个简单的 alert($('body').html());它会工作吗？

如果是这样，您需要查看自己是否很好地加载了脚本...

【讨论】：

感谢您的回答。不，没有错误。并且脚本加载得很好，因为 facebox 可以处理“day” div 之外的元素。它只是不适用于在 day div (d-m-Y) 中加载的元素。我希望我没有把事情复杂化。

【解决方案3】：

在玩过代码之后，我让它工作了——有点。 Facebox 现在适用于 append.load 元素。但只有在我在网站上的某个地方点击之后。关于如何使其准备就绪的任何想法？

“修改后的代码”：

 echo "<script type=\"text/javascript\">
    $(document).ready(function() {
        $('a[rel*=facebox]').facebox({
            loadingImage : '/scripts/facebox-v1.3/loading.gif',
            closeImage   : '/scripts/facebox-v1.3/closelabel.png'
        });
        $(document).bind('click', function() {
            $('a[rel*=facebox]').facebox({  
            loadingImage : '/scripts/facebox-v1.3/loading.gif',
            closeImage   : '/scripts/facebox-v1.3/closelabel.png'
        });
        $(document).bind('beforeReveal.facebox', function() {
            $(\"#facebox .content\").empty();
        });
    });
    ";

    for($day=1; $day<=5; $day++) {
        echo "$('#".date('d-m-Y', strtotime($year."W".$week.$day))."').append( $('<div />').load('/cal/load #".date('d-m-Y', strtotime($year."W".$week.$day))."' ));\n";
    }
    echo "});
    </script>";

【讨论】：