jquery slider

最新推荐文章于 2024-07-15 10:19:27 发布

fpf19910417

最新推荐文章于 2024-07-15 10:19:27 发布

阅读量329

点赞数

文章标签： java jquery

本文链接：https://blog.csdn.net/fpf19910417/article/details/49665117

版权

<link href="<gt:constant name='resourcesPath'></gt:constant>/css/jquery-ui-slider-pips.min.css" rel="stylesheet">
<script src="<gt:constant name='resourcesPath'></gt:constant>/js/jquery-ui-slider-pips.js"></script>
<style type="text/css">
   .schedule-slider{margin:40px 0 10px 50px;width:500px;}
   .ui-slider-float .ui-slider-tip{
      opacity: 1;
       top: -30px;
          visibility: visible;
          width:100px;
          left:-150%
    }
</style>
<script type="text/javascript">
      $(function(){
               var cityArray=new Array();
               var cityNames="${cityNames}";
               for(i=0;i<cityNames.split(",").length;i++){
                   cityArray.push(cityNames.split(",")[i]);
               }
         $(".schedule-slider").each(function(){
            var cityNumbers = parseInt(${fn:length(routeCityList)});
            var departureCityIndex = parseInt($(this).find("input[name='departureCityIndex']").val());
            var arrivalCityIndex = parseInt($(this).find("input[name='arrivalCityIndex']").val());
            $(this).slider({
                   max: cityNumbers,
                   min: 1,
                   range: true,
                   values: [departureCityIndex, arrivalCityIndex]
               })
               .slider("pips", {
                   first: "pip",
                   last: "pip",
                   rest: "pip",
               })         
               .slider("float", {
                   first: "label",
                   last: "label",
                   rest: "label",
                   labels: cityArray
               });
         })
      })
  </script>
<body>
<div class="schedule-slider">
    <input type="hidden" value="${subRoute.departureCity.cityIndex}" name="departureCityIndex"/>
    <input type="hidden" value="${subRoute.arrivalCity.cityIndex}" name="arrivalCityIndex"/>
</div>
</body>







要多丑有多丑。。。。