javascript - 尝试重写一个jquery 滑块与v1.7.1 兼容

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()方法访问。

该问题不保证解释属性和属性之间的差异，但如果被问到，我很乐意编辑答案以提供一些详细信息。