Jquery slider（）不'；t工作-不要'；我什么也没表现出来

我编写了这段代码，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" );
  });

$（函数（）{
$（'szerokosc_schematu'）。滑块({
动画：快，
方向：垂直，
步骤：，
创建：函数（事件，ui）{}，
开始：函数（事件，ui）{}，
幻灯片：函数（事件，ui）{}，
更改：功能（事件、用户界面）{
$（'$szerokosc_value'）.attr（'value'，$（this.slider（'value'）），
$（'dlugosc_schematu'）.slider（{value:$（this.slider（'value'））}）；
},      
停止：函数（事件，ui）{}，
值：，
最小：，
最大值：
//值：[，]
});
$（“#szerokosc_schematu”）.滑块（“启用”）；
//var min_dlug=$（“#szerokosc_schematu”）.滑块（“选项”、“最小值”）；
$（'dlugosc#u schematu'）。滑块({
动画：快，
方向：水平，
步骤：，
创建：函数（事件，ui）{}，
开始：函数（事件，ui）{}，
幻灯片：函数（事件，ui）{}，
更改：功能（事件、用户界面）{
$（'$dlugosc_value'）.attr（'value'，$（this.slider（'value'））；
},
停止：函数（事件，ui）{}，
值：，
最小值：$（“#szerokosc_schematu”）。滑块（“选项”、“最小值”），
最大值：
//值：[，]
});
$（“#dlugosc_schematu”）。滑块（“启用”）；
});

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

---

我看到了slider，但它仍然不起作用。

是否包含相应的js文件？我使用Codeigniter框架：

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