2014-11-24 72 views
2

我真的不知道爲什麼這不工作,但我是新來的JavaScript,所以我敢肯定,我犯了一個錯誤。

我有一個按鈕,當點擊時我希望div消失,但是當我點擊按鈕時什麼也沒有發生。
新來jquery,想知道爲什麼.hide()不工作

$(document).ready(function() { 
 
\t $('#begin-button').click(function() { 
 
\t \t $('#welcome-div').hide(); 
 
\t }); 
 
};
<div id="welcome-div"> 
 
    <p>Welcome</p> 
 
</div> 
 

 
<a href="#" id="begin-button" class="intro-button"/>Begin Tour</a>

+5

缺少jquery庫 – 2014-11-24 06:49:53

+1

還有一個錯字''''在關閉'});' – Satpal 2014-11-24 06:51:40

回答

3

你缺少你的代碼jQuery庫snippet.Add <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>包括jQuery庫

$(document).ready(function() { 
    $('#begin-button').click(function() { 
     $('#welcome-div').hide(); 
    }); 
}; 

$(document).ready(function() { 
 
    $('#begin-button').click(function() { 
 
    $('#welcome-div').hide(); 
 
    }); 
 
}); 
 
//^....... missing ')'
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> 
 
<div id="welcome-div"> 
 
    <p>Welcome</p> 
 
</div> 
 

 
<a href="#" id="begin-button" class="intro-button" />Begin Tour</a>

+0

哇,我感覺有點尷尬。謝謝。 – John 2014-11-24 06:55:29

0
<!doctype html> 
<html lang="en">  
<head> 
    <meta charset="utf-8"> 
    <title>Hide</title> 
    <script src="http://code.jquery.com/jquery-1.10.2.js"></script> 
    <style type="text/css"> 
    label input[type="file"] 
{ 
display: block; 
margin-top: -20px; 
opacity: 0; 
} 
    </style> 
    <script> 
    $(window).ready(function() { 
$(document).delegate('#hide','click',function(){ 

    $('#spanFileName').hide(); 
}); 
}); 
    </script> 
</head> 
<body> 
<p id='hide'> Click for hide</p> 

<span id='spanFileName'>Hide me</span> 
</body> 
</html> 
相關問題