首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >将jQuery函数更改为页面加载

将jQuery函数更改为页面加载
EN

Stack Overflow用户
提问于 2010-12-04 03:42:34
回答 3查看 1K关注 0票数 0

谁能告诉我如何将当前由单选按钮控制的以下语句更改为文档加载函数。

基本上,我希望当页面加载时,幻灯片div从左向右滑动。jQuery:

代码语言:javascript
运行
复制
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:

代码语言:javascript
运行
复制
<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>
EN

回答 3

Stack Overflow用户

发布于 2010-12-04 03:44:05

$(文档).ready({.你的员工。});

票数 0
EN

Stack Overflow用户

发布于 2010-12-04 03:47:11

一种方法是在加载时单击它,如$('input[name=radiobutton]').click();$('input[name=radiobutton]').trigger('click');

另一种方法是将您的代码放在一个函数中,并在加载时调用该函数。

代码语言:javascript
运行
复制
function showSomething(){
   // code here
}

showSomething();
票数 0
EN

Stack Overflow用户

发布于 2010-12-04 03:47:16

对于javascript,Document.ready是一种onload,它等待一切准备就绪,然后executes...your代码,它是onload的安全和最佳实践。

代码语言:javascript
运行
复制
$(document).ready(function() {
    $("divid").animate({top:'10px', bottom:0}, 3000);
    });
票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/4349274

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档