Question

我写这段代码而jquery没有显示任何内容。我无法找到问题所在。需要两个带一个手柄的滑块，并设置值min，max，start value。它不起作用。 Jquery没有显示任何内容

 $(function() {                    
                $('#szerokosc_schematu').slider({
                    animate: fast,
                    orientation: vertical,
                    step: <?echo $step_szerokosc;?>,
                    create: function(event, ui){},
                    start: function(event, ui){},
                    slide: function(event, ui){},                        
                    change: function(event, ui) {
                        $('$szerokosc_value').attr('value', $(this).slider('value')),
                        $('#dlugosc_schematu').slider({value: $(this).slider('value')});
                    },      
                    stop: function(event, ui){},
                    value: <?echo $szerokosci['0'];?>,
                    min: <?echo $szerokosci['0'];?>,
                    max: <?echo $najw_szerokosc;?>
                    //values: [<? echo $szerokosci['0']; ?>,<?echo $najw_szerokosc;?>]

                });

                $( "#szerokosc_schematu").slider( "enable" );

                //var min_dlug = $("#szerokosc_schematu").slider("option","min");

                $('#dlugosc_schematu').slider({
                    animate: fast,
                    orientation: horizontal,
                    step: <?echo $step_dlugosci;?>,
                    create: function(event, ui){},
                    start: function(event, ui){},
                    slide: function(event, ui){},
                    change: function(event, ui) {
                        $('$dlugosc_value').attr('value', $(this).slider('value'));
                    },
                    stop: function(event, ui){},
                    value: <?echo $pierwsza_dlugosc;?>,
                    min: $("#szerokosc_schematu").slider("option","min"),
                    max: <?echo $pierwsza_dlugosc;?>
                    //values: [<?echo $pierwsza_dlugosc;?>,<?echo $najw_dlugosc;?>]

                });
                $( "#dlugosc_schematu").slider( "enable" );
  });

HTML BLOCK

        <div id="szerokosc_schematu"></div> 
        <div id="dlugosc_schematu"></div> 


        <input id="szerokosc_value" name="szerokosc_value"></input>
        <input id="dlugosc_value" name="szerokosc_value"></input>

在＆＃34; jsfiddle.net＆＃34;我也没有看到任何东西。某处是错误，但在哪里？

修改

我更正了html块：

        <div id="dlugosc_schematu" class="ui-slider ui-slider-horizontal ui-widget ui-widget-content ui-corner-all">
            <a class="ui-slider-handle ui-state-default ui-corner-all" href="#" style="left: 0%;"></a>
        </div>

我看到了滑块，但它仍然无效。

JQUERY .slider（）不起作用 - 不显示任何内容

修改

0 个答案: