Javascript 如何在Angular Js中锁定（修复）ui滑块的一侧_Javascript_Jquery_Angularjs

Javascript 如何在Angular Js中锁定（修复）ui滑块的一侧

javascript jquery angularjs

Javascript 如何在Angular Js中锁定（修复）ui滑块的一侧,javascript,jquery,angularjs,Javascript,Jquery,Angularjs,两个滑块都在工作。但我想锁定（修复）左侧滑块 js中的初始化范围： this.stopOver={stopOverSliderRange:[01439]} 这是我的玉： .panel.style1.arrow-right h4.panel-title a.collapsed(data-toggle='collapse', target='_self', href='#stopOverfilter') Stop Over #stopOverfilter.panel-collapse.

两个滑块都在工作。但我想锁定（修复）左侧滑块

js中的初始化范围：

this.stopOver={stopOverSliderRange:[01439]}
这是我的玉：
.panel.style1.arrow-right 
  h4.panel-title a.collapsed(data-toggle='collapse', target='_self', href='#stopOverfilter') 
  Stop Over #stopOverfilter.panel-collapse.collapse.in .panel-content h6.booking-filters-title span#stopmin 
  {{listCtrl.stopOver.stopOverSliderRange[0]}}


min span#stopmax.pull-right {{listCtrl.stopOver.stopOverSliderRange[1]}} 
  min #slider.slider-color-gray
    (
    data-ui-slider='{range: true}', 
    data-min='0', data-max='1439', 
    data-step='60', 
    data-ng-model='listCtrl.stopOver.stopOverSliderRange', 
    data-ng-change='listCtrl.initiateFilters()'
    )


jqueryui：双向相关滑块
$（文档）.ready（函数（）{
$（'#mySlider'）。滑块({
值：[25,75]，
范围：对，
创建：attachSlider，
幻灯片：附件滑块，
停止：攻击滑翔机
})
函数attachSlider（）{
$（'lowerlimit'）.val（$（'mySlider'）.slider（“值”，0））；
$（“#上限”）.val（$（“#mySlider”）.slider（“值”，1））；
}
$（'input'）。更改（函数（e）{
var setIndex=（this.id=“上限”）？1:0；
$（'#mySlider'）.slider（“值”，setIndex，$（this.val（））
})
});


下限：
上限：
请将您的问题放在主题上：包括与问题重复的问题。寻求调试帮助的问题（“为什么此代码不起作用？”）必须包括：（1）所需的行为，（2）特定的问题或错误，（3）在问题本身中重现它所需的最短代码。另请参阅：、和。这个问题是关于JavaScript /HTML/CSS的，所以你应该考虑使用A。具体来说，请定义你所说的“FIX”。换句话说，您需要清楚地说明所需的行为，以及它正在做什么，这才是问题所在。此外，请确保您提供的代码足以实际复制问题。
<!DOCTYPE html> 
<html> 
    <head>
    <title>jQuery UI : Birectionally Related Slider </title> 
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="stylesheet" href="http://code.jquery.com/ui/1.11.3/themes/hot-sneaks/jquery-ui.css" />
    <script src="http://code.jquery.com/jquery-2.1.3.js"></script>
    <script src="http://code.jquery.com/ui/1.11.2/jquery-ui.js"></script>
       <script>
        $(document).ready(function() {

            $('#mySlider').slider({
                values: [25, 75],
                range: true,
                create: attachSlider,
                slide: attachSlider,
                stop: attachSlider
            })

            function attachSlider() {
                $('#lowerlimit').val($('#mySlider').slider("values", 0));
                $('#upperlimit').val($('#mySlider').slider("values", 1));
            }

            $('input').change(function(e) {
                var setIndex = (this.id == "upperlimit") ? 1 : 0;
                $('#mySlider').slider("values", setIndex, $(this).val())
            })


        });
    </script>


</head> 
<body>
 <div id="mySlider"></div> <br>
    <div class="inputs">
        <label for="lowerlimit">Lower Limit: </label><input id="lowerlimit" />
        <label for="upperlimit">Upper Limit: </label><input id="upperlimit" />
    </div> 
</body>
</html>