显示在页面加载
回答
这里是代码和demo:
<div id="brother-gallery" class="hider">Brother Content</div>
<div id="mitsu-gallery" class="hidden hider">Mitsu Content</div>
<div id="taki-gallery" class="hidden hider">Taki Content</div>
<br /><br />
<div id="brother-tag" class="hider">Brother Tagline</div>
<div id="mitsu-tag" class="hidden hider">Mitsu Tagline</div>
<div id="taki-tag" class="hidden hider">Taki Tagline</div>
<br /><br />
<p><a href="#" class="control" data-field="brother">Brother Link</a></p>
<p><a href="#" class="control" data-field="mitsu">Mitsu Link</a></p>
<p><a href="#" class="control" data-field="taki">Taki Link</a></p>
<p><a href="#" class="random">Random</a></p>
$('.control').on('click', function(e) {
e.preventDefault();
var field = $(this).data('field');
$('.hider:visible').fadeOut("slow", function() {
$('#' + field + '-gallery, #' + field + '-tag').fadeIn("slow");
});
});
$('.random').on('click',function(e){
var randomIndex = Math.floor((Math.random()*100)+1)%3;
console.log(randomIndex);
var field = $($('a').get(randomIndex)).data('field');
$('.hider:visible').fadeOut("slow", function() {
$('#' + field + '-gallery, #' + field + '-tag').fadeIn("slow");
});
});
感谢您!但我试图得到它,所以随机在页面加载。 – ultraloveninja 2012-07-16 19:52:30
所以使用与随机函数相同的想法,并将其包含在$(function(){....})中; – Nir 2012-07-16 20:41:04
我基本上这样做: http://jsfiddle.net/ultraloveninja/JmVUx/ 只需要它,所以它不显示在页面加载的兄弟东西,然后去随机div。 – ultraloveninja 2012-07-16 20:53:43
尝试:
var reviews = $('.hider');
reviews.hide();
var index = Math.floor(Math.random * reviews.length);
reviews.eq(index).show();
你需要确保一个整数值被传递到EQ()调用。
- 1. 显示加载页面加载GIF - iframe?
- 2. 在页面加载时显示progessbar
- 3. ValidationMessage是显示在页面加载
- 4. 在页面加载时显示JavaScript PopUp
- 5. Cefsharp - 显示页面加载指示
- 6. 如何在页面之间显示页面加载
- 7. 如何在页面加载中显示页面的顶部div?
- 8. 重新加载页面,并显示在页面的新视图
- 9. 加载时,页面会显示在页面底部
- 10. 如何在显示搜索结果的页面之前显示加载页面?
- 11. 显示正在加载页面时加载动画
- 12. 显示一个加载图像,当页面加载在C#
- 13. 如何在页面加载后立即显示加载程序
- 14. 在页面完全加载之前显示加载图像
- 15. 当WebView在Android中加载页面时显示“加载”图像
- 16. 如何在页面加载时显示ajax加载gif动画?
- 17. 页面加载时的模态显示
- 18. 的GridView不显示时,页面加载
- 19. 显示jquery页面加载的值
- 20. 显示加载GIF BeforeUnload页面
- 21. 加载完成后显示HTML页面
- 22. 加载页面时突出显示TextBox
- 23. 显示页面加载时间3
- 24. 显示文本框时,页面加载
- 25. 加载GWT页面,然后显示window.alert
- 26. 显示进度轮,而页面加载
- 27. 显示:无适用页面加载
- 28. 显示切换打开页面加载
- 29. 加载页面显示三秒钟
- 30. jquery页面加载,页面持续卡住,直到页面完全加载,而不是显示加载gif
您在那里有语法错误。使它成为'$('。hider')。hide();'然后再试一次。 – 2012-07-16 19:20:09
*一些div * ...更具体...修正你的代码'$(。hider').hide();'丢失一个''' – 2012-07-16 19:20:17
DAP!好吧,那就解决了它无法工作的问题。 更具体地说,我试图让这两个div在页面加载时随机显示。基本上我正在为这个画廊设置一系列画廊。当页面加载时,我想让其中一个画廊随机显示其标记行。 修复后,我可以让它显示一个随机div,但不是在两个时间。这里是更新的小提琴: http://jsfiddle.net/ultraloveninja/jBmH9/8/ – ultraloveninja 2012-07-16 19:32:49