Question

尝试重新编写此代码以与jquery v1.7.1兼容它目前适用于1.5版

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"> </script>
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"> </script>
<script type="text/javascript">             
$(document).ready(function(){
   $("#content-slipslide").slider({
       animate: true,
       change: handleSliderChange,
       slide: handleSliderSlide
    });
});
function handleSliderChange(e, ui) {
   var maxScroll = $("#content-scroll").attr("scrollWidth") - $("#content-scroll").width();
   $("#content-scroll").animate({scrollLeft: ui.value * (maxScroll / 100) }, 1000);
}
function handleSliderSlide(e, ui) {
   var maxScroll = $("#content-scroll").attr("scrollWidth") - $("#content-scroll").width();
   $("#content-scroll").attr({scrollLeft: ui.value * (maxScroll / 100) });
}
</script>

Answer 1

jQuery 1.6（在1.6.1中稍作修订）引入了对属性的单独处理（以前，两者都是由attr()方法处理的）。这很方便，但让我们认为属性和属性是同一个东西，这是不真实的。

由于滚动属性恰好是 - 属性 - 因此应该通过prop()方法访问。

这个问题并不能保证解释属性和属性之间的差异，但我很乐意编辑答案以提供一些详细信息。

尝试重写jquery滑块与v1.7.1兼容

1 个答案: