显示默认情况下隐藏的内容
Show something that was hidden by default?
我有一个小jQuery游戏的代码,默认情况下所有的图片(字符)都是隐藏的。有一个问题写着"你准备好玩了吗?"和一个"是"或"否"按钮。当您单击"是"按钮时,它会隐藏按钮和文本。它还应该显示第一个图像,即#main。出于某种原因,它不起作用。以下是jQuery代码,图像位于:
$(document).ready(function(){
$('#main,#batman,#car,#hobo,#knife,#gangfight,#ganggun,#gangknife,#blood').hide(-100);
var main=$('#main');
batman=$('#batman');
car=$('#car');
hobo=$('#hobo');
cop=$('#cop');
knife=$('#knife');
gangfight=$('#gangfight');
ganggun=$('#ganggun');
gangknife=$('#gangknife');
blood=$('#blood');
document.write('<title>LOAUP</title>');
document.write('<center><h1>The life of an unlucky person</h1></center>');
document.write('<center id="start">Are you ready to play?</center>');
document.write('<center><button id="yes">Yes</button><button id="no">No</button></center>');
$('#yes').click(function(){
$('#yes,#no').hide(function(){
$('#start').hide();
$('#main').show
});
});
$('#no').click(function(){
$('#yes,#no').hide();
$('#start').hide();
document.write('<center>Ok, come back another time then.</center>');
});
});
//Images below this (HTML)
<img id='main' src='/jquery/sprites/spritePerson.png' />
<img id='batman' src='/jquery/sprites/spriteBatman.png' />
<img id='car' src='/jquery/sprites/spriteCar.png' />
<img id='hobo' src='/jquery/sprites/spriteHobo.png' />
<img id='cop' src='/jquery/sprites/spriteCop.png' />
<img id='knife' src='/jquery/sprites/spriteKnife.png' />
<img id='gangfight' src='/jquery/sprites/spriteGangFight.png' />
<img id='ganggun' src='/jquery/sprites/spriteGangGun.png' />
<img id='gangknife' src='/jquery/sprites/spriteGangKnife.png' />
<img id='blood' src='/jquery/sprites/spriteBloodPuddle.png' />
编辑:
以下是示例:http://jsbin.com/ocowas/1
在您的#主点击功能中更改
$('#main').show
至
$('#main').show();
您的变量列表应该以逗号分隔,而不是以冒号分隔。你可能还想重命名你的变量,让它们更明显,更容易阅读/记忆,在前面加一个$符号。例如,当你把选择器存储为变量时,使用
var $element = $('#element'),
$element2 = $('#element2'),
$element23 = $('#element23');
此外,hide()函数不会像您使用的那样使用负数。只需使用hide()进行即时隐藏,或使用hide。。检查:http://docs.jquery.com/Effects/hide
要在不使用document.write的情况下将html附加到文档中,可以将html存储为变量,然后选择body标记或任何其他标记,并将html附加/预附加或替换为该标记。
$('body').append(yourHTMLvar);
$('body').prepend(yourHTMLvar);
$('body').html(yourHTMLvar);
"title"标记应该只出现在html文档的"head"标记之间。请改用heading标记,从"h1"到"h6"。据我所知,html"center"标记也被弃用。请尝试使用"span"、"p"甚至"div"。
相关文章:
- 在AngularJs中隐藏默认错误消息
- 默认情况下,在展开和折叠表时隐藏行
- 如何在应用切换点击功能之前,默认情况下在页面加载时隐藏带有特定类的ul-li
- 默认情况下,在ipython笔记本中隐藏输入单元格
- 使用 Javascript 将 HTML 页面中的默认可见性从可见更改为隐藏
- jQuery默认情况下不隐藏元素
- javascript:input字段在隐藏时返回默认值
- jquery显示未默认为隐藏
- 隐藏添加此共享工具默认图标
- 如何切换回复、显示和隐藏回复.默认情况下,它们应该被隐藏
- Rail对默认情况下隐藏在表单中的属性进行建模
- AngularJS - 如何在数组长度为零时显示警报并隐藏默认行为
- 高图表隐藏默认按钮
- 如何在更改时在下拉列表中隐藏默认空白默认值
- 隐藏默认的悬停css从链接
- 隐藏默认文本在一个字段- Javascript
- 从链接中隐藏默认的标题框(工具提示)
- 隐藏默认浏览器滚动条没有溢出:隐藏时使用完美滚动条
- 如何隐藏默认样式的滚动条,当我使用overflow:scroll;
- 如何在全屏单击时隐藏默认的视频浏览器控件