2014-03-06 2 views
0

내 페이지의 일부 스크롤 막대에 슬림 스크롤이라는 플러그인을 사용하고 있습니다. 문제는 응답 성이 없다는 것뿐입니다. 따라서 펼쳐질 때 100px 높이가 멋지게 보이지만 브라우저 크기가 줄어들면 멋지지 않게 보입니다.데이터 attr 값 변경

그래서이 문제를 해결하기 위해 일부 widowWidth를 수행하고 높이를 제어하는 ​​데이터 요소를 변경하기 위해 jQuery를 수행하려고했습니다.

그래서 나는 이런 식으로 뭔가를 시도하지만 그냥 그때

$('.slim-scroll').data('height', '300'); 

을 변경 시도

function slimScrollResize(){ 
    loadWidth = $(window).width(); 
    if(loadWidth <= 1138){ 
     $('.slim-scroll').data('height', '300'); 
    } 
} 

그래서 데이터 높이 대신 실제 높이 요소를 변경하는 것 같다

$('.slim-scroll').data('data-height', '300'); 

이제는 아무 것도 변하지 않습니다.

내가 누락 된 자료가 있습니까? 어떤 도움이 굉장 할 것입니다!

디버깅에 도움이되는 jij ... 그리고 참고로 플러그인 때문에 데이터 이름을 변경할 수 없습니다. http://jsfiddle.net/575VZ/1/

+0

사용자 정의를 확인하시기 바랍니다 나는이 만든 스크롤을 사용할 수 있습니다 .. 어쩌면 도움이 될 수 있습니다 http://codepen.io/mkhoudary/pen/bqycE –

+0

어쩌면 당신은 또한 jquery $ (window) .resize (function() { // 여기서 함수를 보길 원합니다. }); – caramba

+0

@ MohammedR.El-Khoudary 저는 이미 사용하고있는 템플릿이 저에게 준 플러그인을 사용하고 있습니다 ... 왜 다른 것으로 전환하고 싶습니까? – zazvorniki

답변

3

당신은 attr()

$('.slim-scroll').attr('data-height', '300'); 
+1

+1 또는 prop()가 현재 더 좋은 옵션 인 것으로 보입니다. http://stackoverflow.com/questions/5874652/prop-vs-attr –

+0

방금 ​​시도한 것과 똑같은 일을하고 실제 높이를 변경합니다 – zazvorniki

+0

'prop()를 사용하여 데이터 속성을 설정할 수 있다고 생각지 않습니다. 그러나. – Felix

관련 문제