2

在这样给出的 HTML 代码中

<div id="slider1" class="slide1" style="overflow: visible !important; position: absolute !important; margin-top: 0px !important;"></div>

滑块.js

$("#slider1").slider({
    min: 0,
    max: 100,
    step: 10,
    value: 50,
    slide: function (event, ui) {
        $('#high').html(ui.value);
    },
    change: function (event, ui) {
        $('#high').attr('value', ui.value);
    }
});

幻灯片.css

.slide1 {
    float: left;
    left: 600px;
    height: 10px;
    width: 150px;
    top: 167px;
    z-index: 2;
}

但我什至没有得到这个滑块，只是在 Slider init 调用之前得到。当我们使用 jquery 调用 silder 时，由于自动创建 div 标签并将其样式设置为overflow: hidden. 我怎样才能避免这种情况？

提前致谢和问候

4

1 回答 1

0

“第一次”是什么意思。

我已将您的 HTML/CSS/JS 放入小提琴中，它似乎可以正常工作：http: //jsfiddle.net/2pcFh/

下面的清单放入一个文件中，在 Firefox 13.0.1 中对我来说是本地工作

<!DOCTYPE html>
<html>
<head>
  <meta http-equiv="content-type" content="text/html; charset=UTF-8">
  <title> - jsFiddle demo</title>

  <script type='text/javascript' src='http://code.jquery.com/jquery-1.8.2.js'></script>

  <link rel="stylesheet" type="text/css" href="/css/normalize.css">
  <link rel="stylesheet" type="text/css" href="/css/result-light.css">


      <link rel="stylesheet" type="text/css" href="http://code.jquery.com/ui/1.9.1/themes/base/jquery-ui.css">





      <script type='text/javascript' src="http://code.jquery.com/ui/1.9.1/jquery-ui.js"></script>


  <style type='text/css'>
    .slide1 {
    float: left;
    left: 600px;
    height: 10px;
    width: 150px;
    top: 167px;
    z - index: 2;
}
  </style>



<script type='text/javascript'>//<![CDATA[ 
$(window).load(function(){
$("#slider1").slider({
    min: 0,
    max: 100,
    step: 10,
    value: 50,
    slide: function(event, ui) {
        $('#high').html(ui.value);
    },
    change: function(event, ui) {
        $('#high').attr('value', ui.value);
    }
});



});//]]>  

</script>


</head>
<body>
      <div id="slider1" class="slide1" style="overflow: visible !important; position: absolute !important; margin-top: 0px !important;"></div>


</body>


</html>
于 2012-11-01T10:17:21.127 回答