2011-12-05 22 views
2

我正在使用jQuery,當我調用removeClass()函數在IE6.0中不起作用時,可能是什麼原因?在IE8.0和Firefox中,.removeClass()函數按預期工作。removeClass()在IE6.0中沒有得到應用

<html> 
<head> 
    <title>my Page</title> 
    <style type="text/css"> 
     .message-header{ 
      margin-left:10px; 
      padding-left:15px; 
      border:1px solid #fff; 
      border:0px solid #ddd; 
     } 

     .message-header.closed{ 
      margin-left:10px; 
      padding-left:15px; 
      border:1px solid #fff;  
      border:0px solid #ddd; 
     } 
    </style> 
</head> 
<body> 
    this is my jsp. 
    <script> 
     $(document.ready(function()){ 
      var $content = $('.message-header', node);{ 

      if (action == 'hide') { 
       $content.addClass('closed'); 
       $content.hide(); 
      } 
      else if (action == 'view') { 
       $content.removeClass('closed'); 
       $content.show(); 
      } 
     }); 
    </script> 
</body> 
</html> 

回答

2

你有一個流浪的開放支撐。而你的document.ready語法是錯誤的。

這裏是一個更正的版本。

$(document).ready(function() { 
    var $content = $('.message-header', node); // { <-- stray 

    if (action == 'hide') { 
     $content.addClass('closed').hide(); 
    } 
    else if (action == 'view') { 
     $content.removeClass('closed').show(); 
    } 
}); 
+0

+1 from me。嗨@Raj如果你還沒有,我會建議使用JavaScript語法突出顯示這種方式,它會幫助你找到失蹤大括號等。 –

+0

感謝您的建議Alex Key。我一定會使用它。 – Raj