Question

我正在开发一个响应式设计，并且当它低于一定大小时，我想在滑块中使用我的一些内容。但是，我想避免两次渲染数据，因此想法是克隆内容并将其附加到(document).ready()上的滑块，然后初始化它。这样，我可以在横向模式下以正常方式显示我的内容，在纵向模式下以滑块显示（从而节省空间）。

var w = $(window).width();

if (w < 769) {

   $("#container").children(".content").each(function () {
      $(this).clone().appendTo("#slider ul").wrap("li");
   });

  initialiseSlider(); // Nothing special about this          
}

内容被克隆到滑块容器，但由于某种原因，它不会“滑动”。我想这可能是因为滑块在它有任何内容之前被初始化，因为如果我硬编码它，它工作正常。那有意义吗？关于如何解决这个问题的任何想法？

Answer 1

实际上，它可能是一个完全不同的问题，可能与我在页面上有两个相同的滑块有关。

var w = $(window).width();

   if (w < 769) {

      $('#programmeList').children('article').each(function () {
         var data = $(this).clone().html();
         $('#slider ul').append('<li>' + data + '</li>')
      });
      initialiseSlider();

   }

为什么他们干扰，我不知道，因为他们有唯一的身份证并且无论如何都没有同时呈现，但使用append()代替appendTo()有帮助。

将内容克隆到滑块

1 个答案: