Javascript 动态使用SelectToIsLider

Javascript 动态使用SelectToIsLider,javascript,jquery,jquery-ui,dynamic,Javascript,Jquery,Jquery Ui,Dynamic,我当前的项目从数据库动态创建用户表单。其中一个表定义了应为用户设置问题格式的输入类型。我很难获得一个滑块UI元素来使用这个范例。最初由灯丝集团设计的SelectToUISlider似乎非常适合;但是,当一个页面上有多个元素时,我在JQuery的泛型SELECT元素上调用UDF失败 如果只有一个选择,我没有问题。如果我硬编码要选择的ID标签,我没有问题。但是让它使用^=或|=选择器是完全不成功的 感谢您的帮助 $("select[id^='slider']").selectToUISlider()

我当前的项目从数据库动态创建用户表单。其中一个表定义了应为用户设置问题格式的输入类型。我很难获得一个滑块UI元素来使用这个范例。最初由灯丝集团设计的SelectToUISlider似乎非常适合;但是,当一个页面上有多个元素时,我在JQuery的泛型SELECT元素上调用UDF失败

如果只有一个选择,我没有问题。如果我硬编码要选择的ID标签,我没有问题。但是让它使用^=或|=选择器是完全不成功的

感谢您的帮助

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

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

正如您提供的JSFIDLE示例中所述,它正在工作,不是吗

因此,您似乎遇到了一个与动态选择相关的问题,该选择在特定操作之后在运行时填充

因此,如果您想在单个条带上启动SelectToIsLider,您可以执行以下操作:

$(document).find("select[id^='slider']").selectToUISlider();
我创建了一个包含在运行时添加的动态选择的

但是您想为每个select单独实现selectToIsLider,那么为什么不在这些元素上运行循环并单独初始化它呢

$("select[id^='slider']").each(function(){
        $(this).selectToUISlider();
});
因此,缺点是,它不能在动态元素上工作,所以在元素添加到DOM后需要初始化这些元素

这是它的基本原理

附言

我对这个插件还不了解,但我希望它能对你有用


关于。

当我自己继续研究答案时,我想知道是否有办法使用JQuery工厂来解决我的动态问题。第二个JSFIDLE是我以前尝试过的,但我缺乏JQuery的经验,这意味着我没有得到结果。非常感谢你的帮助。我找到了另一个解决方案,我现在要使用,但很高兴知道我正确地看待它。现在我只需要多练习JQuery。