Javascript 如何使用相关联的jquery函数（滑块）将内容从另一个页面加载到页面中

是的，没错，我在html页面B上有一个滑块，并且有一个菜单选项，当在html页面a上被选中时，将加载一个div的内容。在这种情况下，一个滑块将加载到定义为tile are main的空间中。。。问题是如何加载使滑块工作的关联jquery

加载内容的代码行如下所示。。。。 主html页面菜单选项

 $(".tile-area-main").load("referrals.html .slider");

滑块和内容所在的html页面B

<div class="slider"><!-- The slider -->
    <div><!-- A mandatory div used by the slider -->
        <!-- Each div below is considered a slide -->
        <div><img src="http://placekitten.com/g/400/300"/></div>
        <div><img src="http://placekitten.com/g/400/200"/></div>
        <div><img src="http://placekitten.com/g/200/300"/></div>
        <div><img src="http://placekitten.com/g/300/200"/></div>
    </div>
</div>

为了参数起见，让我们说有一个脚本和一个js文件都与滑块正常工作相关

编辑。。。。 实际上，这是使滑块工作的代码

<script src="js/slider/jquery.diyslider.js"></script>
      <script>$(".slider").diyslider(); // this is all you need!</script>
<script>// initialize the slider
$(".slider").diyslider({
    width: "400px",
    height: "400px",
    animationEasing: "linear",
    animationDuration: 2000,
    animationAxis: "y"
});

// set up a timer to change slides automatically
$(".slider").diyslider("move", "forth");
setInterval(function(){
    $(".slider").diyslider("move", "forth");
}, 2000);</script>

$（“.slider”）.diyslider（）；//这就是你所需要的！
//初始化滑块
$（“.slider”）.diyslider({
宽度：“400px”，
高度：“400px”，
动画化：“线性”，
动画持续时间：2000年，
动画轴：“y”
});
//设置计时器以自动更改幻灯片
$（“.slider”）.diyslider（“移动”、“前进”）；
setInterval（函数（）{
$（“.slider”）.diyslider（“移动”、“前进”）；
}, 2000);

您需要使B页的代码在A页可用。使用

load

将不会执行js。理想情况下，您可以创建一个函数，然后调用该函数，而不是在两个单独的页面上编写所有代码

From jQuery:jQuery使用浏览器的.innerHTML属性解析检索到的文档并将其插入当前文档。在此过程中，浏览器通常会从文档中过滤元素，如、或元素。因此，.load（）检索到的元素可能与浏览器直接检索到的文档不完全相同

脚本执行

当使用不带后缀选择器表达式的URL调用.load（）时，在删除脚本之前，内容将传递给.html（）。这将在脚本块被丢弃之前执行它们。但是，如果使用附加到URL的选择器表达式调用.load（），则会在更新DOM之前剥离脚本，因此不会执行

请在此处阅读更多信息：

/**
*添加到A页和B页。
*diysInit.js或在连接和缩小的文件中
*@example diysInit（）；
*/
函数diysInit（）{
$（“.slider”）.diyslider({
宽度：“400px”，
高度：“400px”，
动画化：“线性”，
动画持续时间：2000年，
动画轴：“y”
});
//设置计时器以自动更改幻灯片
$（“.slider”）.diyslider（“移动”、“前进”）；
setInterval（函数（）{
$（“.slider”）.diyslider（“移动”、“前进”）；
}, 2000);
}

试试看

---

是的，即使我在两个页面上都放了相同的代码，它仍然不起作用。。我甚至不知道我将如何实现这种功能？如果它在B页上工作，那么当所有正确的部分都添加到A页时，它没有理由不工作。请参阅我更新的答案。我使用的multipushmenu插件中肯定嵌入了另一个脚本，它以某种方式清除了编码到另一页本身的脚本。。。我想知道是否有一种方法可以将整个站点的所有脚本加载到缓存中，并将它们保存在缓存中？？看看外面的概念，也许这可能会起作用，你认为呢？ajax（{url:“jQuery.slider.js”，数据类型：“script”，缓存：true}）

 $(".tile-area-main").load("referrals.html .slider" , function(){
       $(".slider").diyslider();
});