2012-05-14 60 views
1

我有一個菜單系統,除IE7外,所有主要瀏覽器都運行完好,動畫效果可行,但定位關閉,認爲它與數學有關,IE7如何操作邊距/填充等。如何刪除IE7的javascript功能

我已經爲IE7設置了一個「靜態」菜單,並且我想將它換成javascript。

這裏是我的菜單代碼:

<div id="topmenu"> 
    <jdoc:include type="modules" name="top" /> 
    <div id="ie-cont"> 
    <script type="text/javascript" src="/templates/beez5/javascript/script.js">  </script> 
    <div id="slide"></div>  
    </div> 
    </div> 
    <!-- IE7 static menu --> 
    <!--[if IE 7]> 
<script type='text/javascript'> 
$('#ie-cont').remove(); 
</script> 
    <div id="highlight"></div> 
    <?php 
switch ($parentmenu) { 
case 101 : echo "<script type='text/javascript'>document.getElementById('highlight').className = 'home';</script>"; 
break; 
case 103 : echo "<script type='text/javascript'>document.getElementById('highlight').className = 'about';</script>"; 
break; 
case 106 : 
case 165 : 
case 166 : 
case 167 : 
case 168 : 
echo "<script type='text/javascript'>document.getElementById('highlight').className = 'services';</script>"; 
break; 
case 161 : echo "<script type='text/javascript'>document.getElementById('highlight').className = 'test';</script>"; 
break; 
case 104 : 
case 102 : 
echo "<script type='text/javascript'>document.getElementById('highlight').className = 'contact';</script>"; 
} 
?> 
<![endif]--> 

我可以刪除#slide股利或追加,但JavaScript文件保持蹬出一個錯誤,因爲它是尋找#slide格但連動它與#slide div成一個div,並刪除它似乎並沒有工作。

我已經添加下面的JavaScript代碼,我如何能卸載當訪問者在IE7瀏覽的JavaScript文件的任何建議(我知道不會有太多有關,但合同我要支持它!):

var menuSlider=function(){ 
var m,e,g,s,q,i; e=[]; q=8; i=8; 
return{ 
    init:function(j,k){ 
     m=document.getElementById(j); e=m.getElementsByTagName('li'); 
     var i,l,w,p; i=0; l=e.length; 
     for(i;i<l;i++){ 
      var c,v; c=e[i]; v=c.value; if(v==1){s=c; w=c.offsetWidth; p=c.offsetLeft} 
      c.onmouseover=function(){menuSlider.mo(this)}; c.onmouseout=function(){menuSlider.mo(s)}; 
     } 
     g=document.getElementById(k); g.style.width=w+'px'; g.style.left=p+'px'; 
    }, 
    mo:function(d){ 
     clearInterval(m.tm); 
     var el,ew; el=parseInt(d.offsetLeft); ew=parseInt(d.offsetWidth); 
     m.tm=setInterval(function(){menuSlider.mv(el,ew)},i); 
    }, 
    mv:function(el,ew){ 
     var l,w; l=parseInt(g.offsetLeft); w=parseInt(g.offsetWidth); 
     if(l!=el||w!=ew){ 
      if(l!=el){var ld,lr,li; ld=(l>el)?-1:1; lr=Math.abs(el-l);  li=(lr<q)?ld*lr:ld*q; g.style.left=(l+li)+'px'} 
      if(w!=ew){var wd,wr,wi; wd=(w>ew)?-1:1; wr=Math.abs(ew-w);  wi=(wr<q)?wd*wr:wd*q; g.style.width=(w+wi)+'px'} 
     }else{clearInterval(m.tm)} 
}};}(); 
+0

而不是卸載它,如果它是IE7,不要加載它在第一個地方 – Ibu

回答

0

如果你的script.js引用了#slide,它將會報錯。你沒有顯示script.js的內容,所以很難說...如果你在$(document).ready(function(){...})或$(function(){)中進行了初始化。 ..})應該沒問題。

+0

這裏是JavaScript文件: – Pierre

+0

初始化jquery刪除或javascript調用? – Pierre

0

有條件的評論是要走的路。確保你的菜單初始化也落在條件註釋的正確一面。