Question

是的，是的，我在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>

Answer 1

您需要在第A页上提供第B页的代码。使用load将不会执行js。理想情况下，您可以创建一个函数，然后只需调用该函数，而不是在2个单独的页面上编写所有代码。

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

脚本执行

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

在此处阅读更多内容：http://api.jquery.com/load/

＆＃13;

/**
 * Add to both page A and page B.
 * diysInit.js or in your concatenated and minified file
 * @example diysInit();
 */


function diysInit() {
  $(".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);
}

＆＃13;

Answer 2

试

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

如何将内容从另一个页面加载到页面中，并使用相关的jquery函数使其工作（滑块）

2 个答案: