2013-03-11 86 views
-1

我從此站點下載了工具提示:http://projects.sebastianhelzle.net/jquery.smallipop/index.html 在所有更新的瀏覽器中都完美加載。 我遇到了Internet Explorer 8的問題,僅加載了第一個工具提示,其他則沒有。 這是所使用的代碼:ie8中的javascript錯誤

<img src="img/fitness.png"/> 
<a href="#" class="smallipopright" 
    style="filter: alpha(opacity:0); background:blue; opacity:0; width: 454px; height: 52px; border: 0; position: absolute; top: 269px; margin-left:-906px; z-index:1;"> 
    <span class="smallipopHint"> 
     <img class="floatRight inline" src="img/Body_Building.jpg" alt="Body Building" height="100" width="85"/> 
      <h5>Body Building</h5> 
      <p> 
      L’allenamento per un corpo da urlo! 
      <br>Costruite muscolo vero! 
      Eliminate grasso corporeo! 
      </p> 
    </span> 
    <script type="text/javascript"> 
     $('.smallipopright').smallipop({ 
     preferredPosition: 'right', 
     theme: 'black', 
     popupOffset: 10, 
     invertAnimation: true, 
     triggerOnClick: true 
     }); 
    </script> 
    </a> 
<a href="#" class="smallipopright" style="filter: alpha(opacity:0); background:blue; opacity:0; width: 454px; height: 52px; border: 0; position: absolute; top: 321px; margin-left:-906px; z-index:1;"> 
    <span class="smallipopHint" href="#"> 
     <img class="floatRight inline" src="" alt="" height="" width=""/> 
     <h5>Fitness</h5> 
      <p> 
      Una verità uguale per tutti non esiste, 
      <br>ad ognuno l’allenamento in base alla<br>conformazione fisica. 
      <br>La connessione<br>mente-muscolo esiste davvero! 
      </p> 
    </span> 
    <script type="text/javascript"> 
     $('.smallipopright').smallipop({ 
     preferredPosition: 'right', 
     theme: 'black', 
     popupOffset: 10, 
     invertAnimation: true, 
     triggerOnClick: true 
     }); 
    </script> 
    </a> 
+0

什麼錯誤? – 2013-03-11 13:12:52

+0

潛在答覆者可以從知道錯誤是什麼以及您嘗試了什麼。 「請調試我的代碼」問題在社區中通常不受歡迎,對其他用戶無幫助。 – Cezar 2013-03-11 13:18:49

+0

當我用IE8打開網站時出現此錯誤:HTML分析錯誤:無法在子元素關閉前修改父容器元素(KB927917) – Gabry 2013-03-11 13:24:47

回答

0

嘗試

<img src="img/fitness.png"/> 
<a href="#" class="smallipopright" 
style="filter: alpha(opacity:0); background:blue; opacity:0; width: 454px; height: 52px; border: 0; position: absolute; top: 269px; margin-left:-906px; z-index:1;"> 
<span class="smallipopHint"> 
    <img class="floatRight inline" src="img/Body_Building.jpg" alt="Body Building" height="100" width="85"/> 
     <h5>Body Building</h5> 
     <p> 
     L’allenamento per un corpo da urlo! 
     <br>Costruite muscolo vero! 
     Eliminate grasso corporeo! 
     </p> 
</span> 

</a> 
<a href="#" class="smallipopright" style="filter: alpha(opacity:0); background:blue; opacity:0; width: 454px; height: 52px; border: 0; position: absolute; top: 321px; margin-left:-906px; z-index:1;"> 
<span class="smallipopHint" href="#"> 
    <img class="floatRight inline" src="" alt="" height="" width=""/> 
    <h5>Fitness</h5> 
     <p> 
     Una verità uguale per tutti non esiste, 
     <br>ad ognuno l’allenamento in base alla<br>conformazione fisica. 
     <br>La connessione<br>mente-muscolo esiste davvero! 
     </p> 
</span> 

</a> 
<script type="text/javascript"> 
    $(document).ready(function() { 
     $('.smallipopright').smallipop({ 
      preferredPosition: 'right', 
      theme: 'black', 
      popupOffset: 10, 
      invertAnimation: true, 
      triggerOnClick: true 
     }); 
    }); 
</script>