JQuery와 슬라이더

-2

가 노력 v1.7.1과 호환되도록 다시 작성하려고이 그것은 현재 버전에서 작동 JQuery와 v1.7.1과 호환되도록 다시 쓰기 1.5JQuery와 슬라이더

<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>

출처

2012-07-10 Santiago Moreno

그래서 지금까지 정확히 무엇을 시도 했습니까? 누락 된 부분, 작동하지 않는 부분 또는 도움을 받고자하는 부분의 예를 들려 줄 수 있습니까? –

'scrollWidth'와'scrollLeft'는 속성이 아니라 속성입니다. new-ish'.prop' 메쏘드로 접근하십시오. –

그것은 prop()와 함께 작동했지만, 이제는 슬라이딩 대신 mousedown까지 움직이지 않습니다. 이것은 내가 변경했을 때 일어난 일이다. .prop –

jQuery를 1.6 (개정 1.6.1에서 약간) 속성 (이전에는 둘 다 attr() 메소드로 처리 되었음)에 대한 속성 처리를 소개했습니다. 이것은 편리했지만, 속성과 속성은 사실이 아닌 하나의 동일한 것이라는 생각을 들려주십시오.

스크롤 속성은 속성과 동일하므로 prop() 메서드를 통해 액세스해야합니다.

질문에 속성과 속성의 차이점에 대한 설명이 필요하지 않지만 질문을하면 답변을 편집하여 기꺼이 답변 해 드리겠습니다.

출처

2012-07-10 17:16:24 Utkanos

설명을 주셔서 감사합니다. prop()와 함께 작동했지만 이제는 슬라이딩 대신 mousedown까지 움직이지 않습니다. 이것은 내가 마지막으로 주석을 달았습니다. –

스크래치로 변경했을 때 일어났습니다. 당신의 도움에 감사드립니다 !!! –

JQuery와 슬라이더

답변

관련 문제