JQuery Slider：调用没有ID的函数但是带有对象

Question

我实现了一个带有JQuery的Slider，我遇到了以下问题。

在加载时调用该函数，它会生成一个带有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" >

我宁愿让它在加载时传递并传递对象 - 像这样：

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)">

这可能吗？

谢谢你的回答！

Answer 1

您是否尝试过代码？

可能没有问题，它只取决于插件的编码方式。

小心传递jQuery对象：<div id="slider" onload="createSlider($(this));">。