jquery - jQuery 在按需加载时工作一次

Question

我在这里遇到了这个问题：我正在使用 .load 加载网站的不同部分，让 jquery 处理加载的内容我尝试将 js 文件与内容一起加载，效果很好，但问题是当用户单击该部分并再次加载，jquery 将不再工作，这是每次用户进入该部分时我都试图使工作的 js 文件：

$(".slider").each(function() {
    var radios = $(this).find(":checkbox").show();
    $("<div></div>").slider({
      min: parseInt(radios.first().val(), 10),
      max: parseInt(radios.last().val(), 10),
      slide: function(event, ui) {
        radios.filter("[value=" + ui.value + "]").click();
      }

    }).appendTo(this);

});

我认为添加某种实时功能将是解决方案，有什么想法吗？谢谢

Answer 1

您可以做一件事，而不是用您的 HTML 加载 jQuery 文件。您可以使用完整的回调函数来添加您需要的所有内容。当您的 html 加载到您的选择器时，将运行此函数。

$('#your-div').load(url, funciton(){
  $(".slider").each(function() {
    var radios = $(this).find(":checkbox").show();
    $("<div></div>").slider({
      min: parseInt(radios.first().val(), 10),
      max: parseInt(radios.last().val(), 10),
      slide: function(event, ui) {
        radios.filter("[value=" + ui.value + "]").click();
      }

    }).appendTo(this);
  });
});