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文件。您可以使用complete callback功能添加所需的一切。将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);
  });
});

jQuery在按需加载时工作一次

1 个答案: