prototype的show方法

0 0

prototype的show方法5

如果原来的值是display:none，执行show就没反应，看了一下代码，好象show只是把display赋成空串，css手册查了一下，并没有说明display赋成空串是什么情况

下面是测试代码　


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html lang="ru">
<head>
    <title></title>
    <meta http-equiv="Content-Type" content="text/html;charset=gbk">
    
    <style type="text/css">
    #info{
    background:orange;
    width:200px;
    display:none;
    margin:0 auto;
    
    }
    
    </style>
    <script type="text/javascript" src="../prototype.js"></script>
</head>
<body>
	
 <dir id="info"   >aaa</dir>
	
	<button id="btn">test</button>
	
	<script type="text/javascript">
	
	$("btn").observe("click",function(ev){
 
 	$('info').show(); 
	});
	
	</script>
</body>
</html>

问题补充：

wzglovejava 写道

$('info').show(); 修改成$('info').style.display='block';

这样写用mt的意义在什么地方?
直接用js不就行了吗

问题补充：

jsntghf 写道

$('info').style.display='block';或者$('info').style.display='';都行

建议用后者，前者某些情况下会有问题。

什么情况,能举例说明下吗

JavaScript prototype

2011年5月02日 03:57

yakczh
1
0 0 4

采纳的答案

为你这个问题重新下了个prototype，很久没用了（07年后就没使用了）。
$("btn").observe("click",function(ev){

    $('info').show();
    });

需要改成如下代码：
$("btn").on("click", function (ev) {
   Element.show("info");
});
元素的show方法是需要通过Element来使用的，show中可以带多个参数。
即使这样子修改了这里还是无法显示出来，原因在于css样式级别的覆盖问题，其实次要说一点，目前prototype库对show的实现是$(element).style.display="";这样子来处理的，所以一定程度上直接调用Element.show("info")不一定能显示出来，此时建议你修改成$("info").style.display="block";来显示.

2011年5月10日 00:17

GavinHwa
244
0 0 2

添加评论

0 0

$('info').style.display='block';或者$('info').style.display='';都行

建议用后者，前者某些情况下会有问题。

2011年5月04日 10:53

jsntghf
1173
0 0 0

添加评论

0 0

$('info').show(); 修改成$('info').style.display='block';

2011年5月03日 11:12

wzglovejava
411
0 0 0

添加评论

已解决问题

未解决问题

排行榜

查看全部排名>>