ajax调用后，Foundation Slider失败

Question

我在提交ajax请求的表单上有几个滑块。表单更新内容正常，但在初始ajax调用后滑块无法工作。在提交表单之前，我有一个onchange事件正常工作：

$('#capacity-slider').on('change', function(){
    var v = $('#capacity-slider').attr('data-slider');
    $('#capacity-input').val(v);
});

但是在通过ajax提交表单后，此事件甚至无法注册。如果我要多次发布标准的http请求，它可以正常工作。通过ajax，我可以继续多次提交表单，但滑块在第一次运行后失败。

如果我在ajax调用后包含以下行：

$(document).foundation('reflow');

然后滑块本身可以工作，但是我无法注册任何事件，所以它变得无用。

有没有人有这方面的经验可以分享？

非常感谢， 史蒂夫

Answer 1

您需要将更改侦听器添加到新滑块和基础（'reflow'）