jQuery代碼沒有按不是在IE

Question

我有這樣的代碼在jQuery來掩飾內心的另一個一個div一個按鈕被點擊時的工作，它工作在Firefox和Chrome，但不是在IE9：

$(document).ready(function() { 
     $("#esconde, #Div1, #Div2").hide(); 
     $("#act2").click(function() { 
      $("#esconde").fadeIn(1000).show().append($("#lista1")); 
      $("#listadefault").remove().fadeOut(500); 

      $("#act3").click(function() { 
       $("#listadefault").remove(); 
       $("#Div1").fadeIn(1000).show().append($("#lista1")); 

       $("#act4").click(function() { 
        $("#Div2").fadeIn(1000).show().append($("#lista1")); 
        $("#listadefault").remove().fadeOut(500); 
       }); 

      }); 
     }); 

，這是html：

<div id="Div1" class="span12"> 
    <table class="well table table-condensed"> 
     <label>tabela 3</label> 
       <thead> 
        <tr> 
         <th>Opção 1</th> 
         <th>Opção 2</th> 
         <th>Opção 3</th> 
        </tr>  

       </thead> 
       <tbody> 
        <tr><td>Dado 1</td><td>Dado 2</td><td> 
         <div class="btn-group" data-toggle="buttons-checkbox"> 
          <button type="button" class="btn btn-primary"> 
           dado1</button> 
         </div> 
        </td> 
        </tr> 
        <tr><td>Dado 1</td><td>Dado 2</td><td><div class="btn-group" data-toggle="buttons-checkbox"> 
          <button type="button" class="btn btn-primary"> 
           dado1</button> 
         </div></td></tr> 
        <tr><td>Dado 1</td><td>Dado 2</td><td><input type="button" data-toggle="buttons-checkbox" class="btn btn-primary" /></td></tr> 
        <tr><td>Dado 1</td><td>Dado 2</td><td><input type="checkbox" /></td></tr> 
       </tbody> 


      </table> 
    </div> 

這個div應該出現在＃lista1 div中。

感謝名單

Answer 1

你nisting對方內線的所有點擊事件：

試試這個：

$(document).ready(function() { 
     $("#esconde, #Div1, #Div2").hide(); 
     $("#act2").click(function() { 
      $("#esconde").fadeIn(1000).show().append($("#lista1")); 
      $("#listadefault").remove().fadeOut(500); 
     }); 

      $("#act3").click(function() { 
       $("#listadefault").remove(); 
       $("#Div1").fadeIn(1000).show().append($("#lista1")); 
      }); 
       $("#act4").click(function() { 
        $("#Div2").fadeIn(1000).show().append($("#lista1")); 
        $("#listadefault").remove().fadeOut(500); 
     }); 
    }); 

Answer 2

我知道這是不相關的任何方式你的問題，但看後在您的JavaScript我不能不注意到，您正在執行上不作一大堆的傳感元件的一些行動。我的意見是內聯：

$(document).ready(function() { 
     $("#esconde, #Div1, #Div2").hide(); 
     $("#act2").click(function() { 
      $("#esconde").fadeIn(1000).show().append($("#lista1")); 
      $("#listadefault").remove().fadeOut(500); // Fading out an element which is already removed 

      // Attaching an event handler after a click event is handled. 
      // This actually repeats every time you click and even if it's intentional you should perform .one() instead of click, so you don't bind multiple times 
      $("#act3").click(function() { 
       $("#listadefault").remove(); 
       $("#Div1").fadeIn(1000).show().append($("#lista1")); // Showing an element which is shows. FadeIn shows the element. 

       $("#act4").click(function() { 
        $("#Div2").fadeIn(1000).show().append($("#lista1")); // Same thing with fadeIn and show as the above comment. 
        $("#listadefault").remove().fadeOut(500); // Same thing with remove and fadeOut 
       }); 

      }); 
     });