2010-12-03 101 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 – 2010-12-03 20:58:00

回答

0

$(文件)。就绪({。您的员工});

0

一种方法是只需点击它负载像这样$('input[name=radiobutton]').click();$('input[name=radiobutton]').trigger('click');

另一个是把你的代码在函数内部,并呼吁载荷功能。

function showSomething(){ 
    // code here 
} 

showSomething(); 
0

的document.ready是怎么样的onload事件的JavaScript,要等到一切准备就绪,然后执行...你的代码,它的安全和有载

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

@NewB我只是将代码移到了document.ready中,您可以按照您的方式想要... – kobe 2010-12-03 19:48:14