在IE7中添加/刪除類的Jquery腳本問題

Question

我在我的HTML中有「displayNone」類，在Jquery中添加並刪除它，它與FF和IE8一起工作，但是我有問題可以幫助我。

<tr id="tr<%=category %>_1_<% =message.MessageID.ToString() %>" class='<%= (firstCategory ? "" : "displayNone") %>'> 
            <td id="td<%=category %>_1_1_<% =message.MessageID.ToString() %>" rowspan="2"> 
             <img id="imgEnv<% =message.MessageID.ToString() %>" src='../../Content/Images/envelope_<% =(newMessage ? "closed" : "open") %>.gif' 
              alt="message" /> 
            </td>         
            <td class="text-align-right" rowspan="2"> 
             <%= Html.CheckBox("chkMsg", false, new { @value= message.MessageID, @id = string.Format("chkMsg{0}", message.MessageID), @tabindex = "-1" })%> 
            </td> 
           </tr> 



$('a[id*=lCateg]').click(function() { 
       var category = this.id.replace('lCateg', ''); 
       if ($('#imgCateg' + category).attr('src').indexOf('plus.gif') >= 0) { 
        $('tr[id*=' + category + '_]').removeClass('displayNone'); 
        $('#imgCateg' + category).attr('src', $('#imgCateg' + category).attr('src').replace('plus.gif', 'minus.gif')); 
       } 

Answer 1

我建議使用.show .hide函數中內置的jquerys。這樣，它會增加內嵌樣式，你不會有任何問題與任何瀏覽器:)

$('a[id*=lCateg]').click(function() { 
      var category = this.id.replace('lCateg', ''); 
      if ($('#imgCateg' + category).attr('src').indexOf('plus.gif') >= 0) { 
       $('tr[id*=' + category + '_]').show(); 
       $('#imgCateg' + category).attr('src', $('#imgCateg' + category).attr('src').replace('plus.gif', 'minus.gif')); 
      }