Javascript JQuery Slider:调用没有ID但带有对象的函数

Javascript JQuery Slider:调用没有ID但带有对象的函数,javascript,jquery,html,javascript-events,jquery-ui-slider,Javascript,Jquery,Html,Javascript Events,Jquery Ui Slider,我用JQuery实现了一个滑块,我有以下问题 加载时调用该函数,并从div元素生成Id为的滑块: $(function() { $( "#slider" ).slider({ value: 0, min: 0, max: 10, step: 1, slide: function( event, ui ) { $( "#value"

我用JQuery实现了一个滑块,我有以下问题

加载时调用该函数,并从div元素生成Id为的滑块:

$(function() {
        $( "#slider" ).slider({
            value: 0,
            min: 0,
            max: 10,
            step: 1,
            slide: function( event, ui ) {
                $( "#value" ).val(ui.value );
            }
        });
        $( "#value" ).val( $( "#slider" ).slider( "value" ) );
    });

<div id="slider" >
$(函数(){
$(“#滑块”).滑块({
值:0,
分:0,,
最高:10,
步骤:1,
幻灯片:功能(事件、用户界面){
$(“#value”).val(ui.value);
}
});
$(“#值”).val($(“#滑块”).slider(“值”);
});
我宁愿在加载和传递对象时调用它-类似于这样:

function createSilder(object) {
        object.slider({
            value: 0,
            min: 0,
            max: 10,
            step: 1,
            slide: function( event, ui ) {
                $( "#value" ).val(ui.value );
            }
        });
        $( "#value" ).val( $( "#slider" ).slider( "value" ) );
}

<div id="slider" onload="createSlider(this)">
函数createSilder(对象){
对象滑块({
值:0,
分:0,,
最高:10,
步骤:1,
幻灯片:功能(事件、用户界面){
$(“#value”).val(ui.value);
}
});
$(“#值”).val($(“#滑块”).slider(“值”);
}
这可能吗


谢谢你的回答

你试过你的代码了吗

可能没有问题,这取决于插件的编码方式


只需小心传递jQuery对象:

是的,我尝试了我的代码,但不幸的是它不起作用。。我试过你的,但都不行。你为什么要等待
div
加载?如果你把你的代码
$(“#滑块”).slider(…)
jQuery.ready
处理程序中(这是您使用
$(function(){..})
所做的,您确定DOM已经准备好,并且您的
div
已经加载了吗?实际上它确实工作了,只是不接受onload处理程序。解决方案是,我用一个映像连接它,并添加了--onload=“createSlider($(this.parentNode))”--:好的,是的,我很理解。太好了!