2010-12-03 5 views
0

현재 라디오 버튼으로 문서로드 기능으로 제어되는 다음 명령문을 변경하는 방법을 누구에게도 알려 줄 수 있습니까?jQuery 함수를 페이지로드로 변경

기본적으로 페이지가로드 될 때 슬라이드 div가 왼쪽에서 오른쪽으로 슬라이드되기를 원합니다. jQuery를 :

jQuery(function() { 
jQuery('#slide').hide(); 
jQuery(':radio[name=radiobutton]').click(function() { 
    var value = $(this).val(); 
    if (value === 'Y') { 
     jQuery('#slide').show('slow'); 
    } else if (value === 'N') { 
     jQuery('#slide').hide('slow'); 
    } 
}); 

HTML :

<div id="slide" class="alpha60"> 

<p class="statement_style_head">Content goes here</p> 

<p class="statement_style_text">A line or two of text goes here </p> 

</div> 
+0

에 대한 모범 사례는이 링크를 시도 할 수 있습니다 슬라이딩 예제 : http://www.learningjquery.com/2009/02/slide-elements-in-different-directions –

답변

0

$ (문서) .ready ({.. 귀하의 직원});

0

방법 중 하나는 다른 하나는 함수 내에서 코드를 배치하고 부하에 그 함수를 호출하는 것입니다 그래서 $('input[name=radiobutton]').click(); 또는 $('input[name=radiobutton]').trigger('click');

처럼로드를 클릭하는 것입니다. 모든 준비가 후 ... 당신의 코드를 실행까지

function showSomething(){ 
    // code here 
} 

showSomething(); 
0

Document.ready 종류의 온로드 자바 스크립트입니다, 그것은 안전하게, 대기 및 온로드

$(document).ready(function() { 
    $("divid").animate({top:'10px', bottom:0}, 3000); 
    }); 
+0

@NewB 나는 코드를 옮겼습니다 ... document.ready에서, 당신은 want ... – kobe

+0

우리는 점점 더 가까워지고 있지만 Value의 모든 것을 함께 제거하고 싶습니다. 단지 페이지가로드 될 때 div가 미끄러 져서 무엇이든 의존하지 않도록하고 싶습니다. – NewB

+0

@enewB 귀하의 div 상대 위치를 확인한 다음 jquery http://api.jquery.com/animate/에서 애니메이션 기능을 사용하면 모든 훌륭한 애니메이션을 그곳에서 수행 할 수 있습니다. – kobe

관련 문제