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

Question

我写了这段代码，jQuery没有显示任何内容。 我找不到问题所在。 需要两个带一个手柄的滑块，并设置最小值，最大值和起始值。 没用 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块

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

在“ jsfiddle.net”中，我也看不到任何东西。 哪里有错误，但是哪里呢？

编辑

我纠正了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> 

我看到滑块，但仍然无法正常工作。