javascript - 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));">。