如何为（不在）Ajax响应执行Javascript？ 我在ZURB的基础框架上，在WordPress中创建了一个一页响应的组合站点。我不喜欢框架中包含的清除灯箱，所以我尝试为图像/视频包含一个不同的灯箱（目前使用放大弹出窗口）[http://dimsemenov.com/plugins/magnific-popup/documentation.html]，但我尝试了一些不同的插件，包括Fancybox、Colorbox和来自DFFactory的响应性Lightbox插件）.

我有一个自定义的post类型，称为Projects。所有的项目都显示在一页的网站上，当用户点击一个项目以查看更多信息时，会通过Ajax（类似于SimpleKey Wordpress主题中公文包项目的工作方式）动态调用并加载到一个div中[http://themeforest.net/item/simplekey-one-page-portfolio-wordpress-theme/3729774])

如果我手动导航到single.php页面（例如），我可以让lightbox在single.php页面上工作，但是当我在一个页面的主站点上时，我无法让lightbox工作。我知道这是因为内容是通过Ajax动态加载的，但我似乎无法让它正常工作。想法

这是加载公文包帖子的Javascript，位于header.php中

<!-- Items for loading portfolio posts without refreshing -->
<script type="text/javascript">
    $(document).ready(function(){
    $.ajaxSetup({cache:false});
    $("h6 a").click(function(){
        var post_id = $(this).attr("rel")
        $("#singlePortfolioPost").html("loading...");
        $("#singlePortfolioPost").load("http://<?php echo $_SERVER[HTTP_HOST]; ?>/portfolio-item/",{id:post_id});
        return false;
    });
});
</script>
<!-- End Portfolio Post load-->

$（文档）.ready（函数（）{
$.ajaxSetup（{cache:false}）；
$（“h6 a”）。单击（函数（）{
var post_id=$（this.attr（“rel”）
$（“#singlePortfolioPost”）.html（“加载…”）；
$（#singlePortfolioPost”）.load（“http:///portfolio-item/“，{id:post_id}）；
返回false；
});
});

这是加载帖子内容的div，位于公文包页面上。

<div id="singlePortfolioPost" class="large-12">

</div> <!-- .singlePortfolioPost -->

---

内容加载良好，在检查代码后，我可以看到自动添加锚定标记的插件按预期方式工作。然而，lightbox插件根本不起作用……它们只是把我带到我点击的媒体文件。

Bump……有人有什么想法吗？我正在努力理解你的观点，看看我能不能帮你。如果您正在动态地（在后台）使用div，那么触发模式“open”事件似乎没有问题。因为这是多姆。当您尝试执行流程时，浏览器控制台中有什么？