2012-08-16 165 views
1

这里是我的代码的JavaScript如果CSS高度Else语句

<!doctype html> 

<html> 
<head> 
    <meta charset="utf-8"> 
    <script src="js/jquery-1.7.2.min.js"></script> 
<style> 
div{ 
border:2px solid black; 
width:200px; 
min-height:300px; 
} 
</style> 
</head> 
<body> 
<div> 
    <p id="demo">This will change</p> 
    <input type="button" value="OK" onclick="myFunction()"/> 
</div> 
<script> 
$(document).ready(function() 
{ 
    $("input").click(function() 
    { 
     if($("div").height("300px") === true){ 
      document.getElementById("demo").innerHTML="HELLO WORLD!"; 
     } 
    }); 
}); 
</script> 
</body> 
</html> 

我想做的事情是这样的,如果DIV高度等于300像素的“这将改变”段将变为您好世界上点击一个按钮。对不起,这是我第一次访问javascript

回答

8

$("div").height("300px")设置了div的高度,如果高度等于300px,它不会返回true。

你想$('div').height() === 300

http://api.jquery.com/height/

+0

非常感谢你..只是我想要的方式。 =) – 2012-08-16 19:06:54

1

我注意到有两件事情马上蝙蝠。首先,.height函数返回没有“px”的数字值。其次,您在.height函数内部放置了一个值,这意味着您将其值设置为“300px”。最后,您正在使用===运算符,它只在类型和值相同时才返回true。相反,试试这个:

if($("div").height() == 300) 

在另一方面,你最终想给你的输入和div编号,并通过这些ID访问它们,以防万一您的标记有各自的一个以上的以后。

+0

非常感谢你..只是我想要的方式。 =) – 2012-08-16 19:07:57