Question

我已经在这个项目上工作了几天，我真的没有找到任何可靠的信息，除了一个同事说我应该使用iframe。希望其他人可以加入并帮助我。

问题：

我有一个包含各种链接的索引页面，一旦点击将执行滑动并显示来自另一个页面（子页面）的内容。但是，子页面有一个图像旋转器，它可以在您自己查看它时正常工作，但在索引页面中查看时不起作用。 jQuery没有被调用，因此图像旋转器死亡。在索引页面上使用它的旋转器来查看子页面内容的最佳方法是什么？

抱歉，如果这令人困惑，我已尽力而为，但如果有人能提供帮助，我真的很感激。我没有使用jQuery的经验，我是一个新手。提前谢谢你们！

Answer 1

查看thickbox或fancy box等jquery插件。他们可以完全按照你的意愿行事。

Answer 2

听起来你需要在“图像旋转器”的HTML加载到DOM之后加载适当的JavaScript。

当你为“图像旋转器”进行AJAX调用时，使用$.getScript()来获取“图像旋转器”的包含文件：

var XHRs = [];
XHRs.push($.get('<URL TO HTML>', function () {...}));
XHRs.push($.getScript('<URL TO JAVASCRIPT>', function () {...}));
$.when(XHRs).then(function () {
    //here is where you initialize the "image rotator" because the HTML and the JS will be loaded into the DOM
});

如果你想让你的“图像旋转器”初始化脚本保持在外部，你可以在$.getScript()函数调用中的匿名函数内进行另一个.then调用。

我需要使用iframe还是有不同的方法？

2 个答案: