Html jquery函数只运行一次

我在下面有这个函数。工作很好，而且来自（到目前为止，如果其他人想要旋转木马，我发现这是最好的，也很容易）

$（函数（）{
$（'foo1'）。卡鲁弗雷德塞尔({
自动：{
暂停悬停：“恢复”，
进度：“#计时器1”
}
});
});

无论如何，我会让旋转木马在一系列图像中循环。现在我有一个单独的函数，它通过下面的ajax调用重新加载div。它根据用户对文件夹的选择，用一组新的图像填充div

<script>
  function getImages(id)
  {
     $.ajax({

 type: "GET",
 url: 'getImage.php',
 data: "id=" + id, 
 success: function(data) {

      $('#scrolimg').html(data);
    }

   });

  }
</script>

函数getImages（id）
{
$.ajax({
键入：“获取”，
url:'getImage.php'，
数据：“id=”+id，
成功：功能（数据）{
$（'#scrolimg'）.html（数据）；
}
});
}

---

这个也很好用。问题是，当您单击一个新文件夹时，它会重新加载并刷新div，旋转木马将完全停止。基于ajax调用的成功，是否有重新启动jquery函数以重新启动旋转木马的方法？

关于调用的ajax的回调函数，您必须重新应用：

success: function(data) {  
        $('#foo1').carouFredSel({
            auto: {
                pauseOnHover: 'resume',
                progress: '#timer1'

            }
        });
...
}

---

如果您正在使用

.html（）

函数或类似函数来重写

foo

元素，那么您也将删除与之关联的任何事件，因此必须再次调用它。

假设在您的示例中foo1==scrolimg，请执行以下操作：

<script>
  function getImages(id)
  {
     $.ajax({

 type: "GET",
 url: 'getImage.php',
 data: "id=" + id, 
 success: function(data) {

      $('#scrolimg')
         .carouFredSel('destroy')
         .html(data)
         .carouFredSel({
            auto: {
            pauseOnHover: 'resume',
            progress: '#timer1'
           }
         });
      }

   });

  }
</script>

函数getImages（id）
{
$.ajax({
键入：“获取”，
url:'getImage.php'，
数据：“id=”+id，
成功：功能（数据）{
$（“#scrolimg”）
.carouFredSel（“销毁”）
.html（数据）
卡鲁弗雷泽尔先生({
自动：{
暂停悬停：“恢复”，
进度：“#计时器1”
}
});
}
});
}

在回调中添加类似的内容：

$('#foo1').carouFredSel({
    auto: {
        pauseOnHover: 'resume',
        progress: '#timer1'

    }
});

它应该会起作用。尊敬

$('#foo1').carouFredSel({
    auto: {
        pauseOnHover: 'resume',
        progress: '#timer1'

    }
});