2012-08-16 169 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