jQuery getScript（）+ load（）加载的内容不起作用

| 我有一个带有五个按钮的文档。在这行按钮的下方，我生成一个占位符“ 0”。当我单击按钮时，我使用load()从另一个页面将div加载到占位符（每个按钮将一部分HTML加载到占位符div）。好的，我的问题是我要加载到占位符中的块是幻灯片（任何滑块）。即使我已经在主页上放了所有相关CSS和JS的幻灯片，它们也无法正常工作。据我了解，我需要使用getScript()，但是我似乎仍然不理解它。我是否需要重新加载相关脚本？预先感谢您的帮助-K

已邀请:

4 个回复

剑哎

听起来您只需要从回调函数初始化滑块（在加载内容之后调用）。代码看起来像这样：

$(\'div#placeholder1\').load(\'content.html\', function() {
  // target the loaded div, find the slider and initialize it
  $(\'div#placeholder1\').find(\'ul.slider\').anythingSlider({ /* options */ });
});

栖很钾是狠

听起来您正在将html加载到页面中，但是这样做之后没有实例化滑块。从另一页面加载html不会转移在另一页面上运行的JS对象。

犯痪桂涛杭

这对于将“ jquery依赖的内容”加载到网页文档中对我很有用。我个人喜欢将其保留在函数中，因为当您周围有其他脚本时，它更易于维护。我创建了一个名为globalSections的函数，只要保持以下模式即可在任何页面上使用。在函数中，我创建了一个ID为\“ header \”的div元素。然后，我将外部“与jquery相关的内容”加载到该新创建的div中。最后，获取使该内容运行所需的脚本。

$.globalSections = function() {
  $(\'#wrapper\').prepend(\'<div id=\"header\"></div>\');
  $(\'#header\').load(\'/myfile.html\', function() {
  $.getScript(\"js/jquery.scripts.js\");
  });
}

然后运行功能

$(function() {
  $.globalSections();
});

简短而简单

坝胺绣敝

对于在加载的内容上使用的所有脚本，我都通过ѭ8loaded遇到了与加载的内容相同的问题。试图将script.js放在顶部，底部甚至已加载的位置尚无解决方案。我一般如何解决？编辑：刚找到答案：

$(document).ajaxComplete(function(){
    // fire when any Ajax requests complete
})

链接：在AJAX加载的内容上运行JQuery脚本

要回复问题请先登录或注册

jQuery getScript（）+ load（）加载的内容不起作用

4 个回复

发起人

jquery

slideshow

getscript

load

问题状态

jQuery getScript（）+ load（）加载的内容不起作用

与内容相关的链接

4 个回复

发起人

jquery

slideshow

getscript

load

问题状态