如何解决预加载show / hide div
| 有人知道一个简单的秀皮吗?有人帮助我显示了该节目的div下面的代码。它工作正常,但我需要第一个链接Sci Lit 1在页面加载时进行预加载。有人告诉我我需要准备一份文档。我不确定如何添加 <div id=\"sclit\"></div>
<a href=\"javascript:void(0)\" class=\"para\">Sci Lit 1</a>
<div class=\"details\">text for sci lit 1</div>
<a href=\"javascript:void(0)\" class=\"para\">Sci Lit 2</a>
<div class=\"details\">text for sci lit 2</div>
<a href=\"javascript:void(0)\" class=\"para\">Sci Lit 3</a>
<div class=\"details\">text for sci lit 3</div>
$(function(){
$(\".para\").click(function(){
$(\"#sclit\").text($(this).next(\".details\").text());
});
});
<style>
.details {display:none;}
</style>
解决方法
添加此行:
$(\".details:first\").clone().appendTo(\"#sclit\").show();
演示:http://jsfiddle.net/wesley_murch/m4dhv/
还有其他方法可以做到这一点,但是应该这样做。
,只是一个猜测:
$(\"#sclit\").text($(\"div.details:first\").text());
将此添加到页面加载时运行的$(function(){...})中。
如果我了解正确的问题,似乎可以正常工作:
http://jsfiddle.net/5f4zs/1/
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。