动态使用SelectToUISlider

Question

我当前的项目从数据库动态创建用户表单。其中一个表定义了应为用户格式化问题的输入类型。我正在使用滑块UI元素处理此范例时遇到困难。 SelectToUISlider最初由Filament Group设计，似乎很合适;但是，当页面上有多个来自JQuery的通用SELECT元素时，我没有成功调用UDF。

如果只有一个SELECT我没有问题。如果我硬编码要选择的ID标签，我没有问题。但是让它使用^ =或| =选择器已经完全失败了。

感谢任何帮助。

$("select[id^='slider']").selectToUISlider();

http://jsfiddle.net/wolfphantom/zuvtpnLg/1/

Answer 1

正如JsFiddle示例中所述，您提供它正在工作，不是吗？

因此，似乎您遇到了与在某个操作后在运行时填充的动态选择相关的问题...

所以如果你想在单个条带上启动selectToUISlider，你可以做到，

$(document).find("select[id^='slider']").selectToUISlider();

我创建了一个Demo JsFiddle，其中包含在运行时添加的动态选择。

但是你想为每个选择单独实现selectToUISlider，那么为什么不在这些元素上运行循环并单独初始化它。

$("select[id^='slider']").each(function(){
        $(this).selectToUISlider();
});

因此，失败，但是，它将不适用于动态元素，所以你需要在元素添加到DOM之后初始化它们。

以下是Demo JsFiddle。

P.S

我对该插件没有先验知识，但我希望它对您有用。

问候。