切換不工作

<!DOCTYPE html> 
<html> 
<head> 

<script type="text/javascript" src="jquery-1.7.1.min.js"></script> 
<script type="text/javascript"> 
$(document).ready(function(){ 
$("button").click(function(){ 
    $("p").toggle(function(){ 
    $("p").hide();}, 
    function(){ 
    $("p").show();} 

    }); 
}); 
</script> 
</head> 
<body> 
<p>Click me to toggle between different background colors.</p> 
<button>click me</button> 
</body> 
</html>

我試圖隱藏和顯示按鈕點擊之間切換...但它不工作一點幫助將很可觀切換不工作

來源

2012-02-09 user1194147

撥動包括隱藏和顯示的行爲，我認爲它的更好，如果你把它寫成$（「P」）切換（「慢」） ; – Skyrel 2012-02-09 07:22:38

你有SyntaxError。不要忘記在toggle()的大括號之後關閉圓括號。

如果您只是切換元素的可見性，您應該只能使用toggle()而不帶任何參數。

jsFiddle。

來源

2012-02-09 07:21:30 alex

要切換背景顏色使用toggleClass()和CSS

$(document).ready(function() { 
    $("button").click(function() { 
     $("p").toggleClass('red'); 
    }); 
});

http://jsfiddle.net/M7dpB/1/

參見手冊http://api.jquery.com/toggle/

來源

2012-02-09 07:24:10 PiTheNumber

試試這個http://jsfiddle.net/h45En/

$('a').bind('click', function() { 
    $('p').toggle(); 
});

切換將隱藏$（」 p'）默認。

來源

2012-02-09 07:26:39 czerasz

你可以簡單的寫：

$("button").toggle(function(){ 
    $("p").hide();}, 
    function(){ 
    $("p").show();} 
});

來源

2012-02-09 07:26:40 Hadas

感謝好友....這真的有幫助 – user1194147 2012-02-09 08:47:46

@哈達斯否*請* *？ – alex 2012-02-09 12:09:40

<!DOCTYPE html> 
<html> 
    <head> 

     <script type="text/javascript" src="js/jquery.js"></script> 
     <script type="text/javascript"> 
      $(document).ready(function(){ 
       $("button").click(function(){ 
        $("p").toggle(); 
       }); 
      }); 
     </script> 
    </head> 
    <body> 
     <p>Click me to toggle between different background colors.</p> 
     <button>click me</button> 
    </body> 
</html>

來源

2012-02-09 07:29:35

回答

相關問題