在返回的html上的ajax上调用jquery函数

Question

我有一个这样的代码场景

HTML

<input type="submit" value="" name="submit" id="slider1">

脚本

$(document).ready(function() {
   $("#slider1").Slider();
});

当文档加载时，我的Slider()函数对输入框做了一些处理。
面临的问题是，正在ajax返回上替换相同的输入框html，而无法调用我的Slider() 。

AJAX返回

...
success: function(data) {
   // This was removing the wrapper element, all the other calls
   // to $('#slider1') were doing nothing
   //$("#slider1").remove();
   $("#slider1").html('<input type="submit" value="{{ some variable }}" name="submit" id="slider1">');
}
...

我当时想在输入框中调用Slider()函数，以便将其调用，

就像是：

    $("#slider1").html('<input type="submit" callSliderFunction="Slider()"  value="{{ some variable }}" name="submit" id="slider1">');

可以在那叫它吗？ 如果没有，我该如何实现？ 谢谢

Answer 1

将它添加到成功函数中的页面后，我将再次调用.Slider（）。

success: function(data) {
   $("#slider1").remove();
   $("#slider1").html('<input type="submit" value="{{ some variable }}" name="submit" id="slider1">');
   $("#slider1").Slider();
}

正如Juan所指出的那样，一旦您删除了它，就无法在＃slider1上调用.html（）。 通过查看您所拥有的内容，我猜您正在尝试更改＃slider1的值，在这种情况下，这样做会更简单

success: function(data) {
   $("#slider1").attr("value", "{{ some variable }}");
   $("#slider1").Slider();
}

Answer 2

就像在更改html后加载文档时一样，只需调用它即可。

$("#slider1").Slider();

Answer 3

设置HTML之后再调用它

success: function(data) {
  var wrapper = $("#slider1");
  wrapper.html('<input type="submit" value="{{ some variable }}" name="submit"   id="slider1">');
  wrapper.Slider();
}