jQuery的標籤和IE8

Question

我使用jQuery來創建使用此代碼

<script> 
    $(document).ready(function() { 
    $("#content").tabs({ fx: { opacity: 'toggle' } }); 
    }); 
</script> 
<script type="text/javascript"> 
    $(document).ready(function() { 
    $("#documents").tabs({ fx: { opacity: 'toggle' } }); 
    }); 
</script> 

這是在Firefox的工作就像在其他瀏覽器下面這個：

但在IE 8 ...它這樣做，但在7罰款。

我認爲這是事端做的腳本不透明度，但我不能讓它的工作。有人有什麼主意嗎。

乾杯

Answer 1

我看到你得到它通過固定的jQuery/UI參考工作，但只是作爲一個說明，你可以有一個<script>標籤內的多個代碼塊，像這樣：

<script type="text/javascript"> 
    $(document).ready(function() { 
    $("#content").tabs({ fx: { opacity: 'toggle' } }); 
    }); 
    $(document).ready(function() { 
    $("#documents").tabs({ fx: { opacity: 'toggle' } }); 
    }); 
</script> 

此外，您可以在任何document.ready內運行儘可能多的，只要你想，像這樣：

<script type="text/javascript"> 
    $(document).ready(function() { 
    $("#content").tabs({ fx: { opacity: 'toggle' } }); 
    $("#documents").tabs({ fx: { opacity: 'toggle' } }); 
    }); 
</script> 

而在去年，你可以使用multiple selector進一步減少代碼，如下所示：

<script type="text/javascript"> 
    $(function() { //shortcut for $(document).ready(function() { 
    $("#content, #documents").tabs({ fx: { opacity: 'toggle' } }); 
    }); 
</script>