Question

我正在创建一个投资组合网站，我希望通过AJAX请求提取部分HTML文件。这是基本的HTML：

    <div id="portfolio">
      // This will be replaced
    </div>
    <a href="#" id="fire">Click Me</a>

我使用的jquery代码如下所示：

    $( "#fire" ).click(function() {
        $( "#portfolio" ).load("partial.html #portfolio > *");
    });

这很有效，而且我可以加载各个部分页面，但我无法弄清楚如何在插入的HTML上运行脚本。我使用的是Foundation Orbit，我想让这些滑块在AJAX调用后正常运行。我想也许这是冲突，所以我也尝试过使用slide.js，但这也没有用。我的索引文件中包含所有依赖项和所需的脚本。在AJAX调用之后，我需要做什么才能让Orbit脚本应用于页面上的内容？

我有一个功能正常的plunkr，显示我遇到的问题。我只是在学习所有这些，所以如果有一个非常明显的答案就道歉，但我还没有在网站上找到它。

这是plunkr。它有一个工作轨道滑块，以证明 - 自己 - 脚本正在工作。

提前致谢！

Answer 1

您需要使用回调函数，这是load()

的可选参数

$( "#portfolio" ).load("partial.html #portfolio > *", function (response) {
    // executed after query is complete
});

向页面添加新的Orbit滑块后，您必须对其进行初始化：

$(document).foundation('orbit').init();

...所以，你在回调函数中这样做。

<强>文档

jQuery.load - http://api.jquery.com/load/
基础轨道 - http://foundation.zurb.com/docs/components/orbit.html

将javascript应用于使用AJAX注入的html

1 个答案: