2011-09-19 63 views
1

不工作我使用jQuery的工具疊加,讓我來加載外部網頁 - http://flowplayer.org/tools/demos/overlay/external.htmljQuery的工具疊加在IE7

我在IE7中遇到的問題(在IE8 /鉻等正常工作)

當我點擊那個調用覆蓋層時,我發送到實際的外部文件,而不是留在頁面上,並有覆蓋層,包括外部文件。

這裏是jQuery的:

<script> 

$(function() { 

    // if the function argument is given to overlay, 
    // it is assumed to be the onBeforeLoad event listener 
    $("a[rel]").overlay({ 

     mask: { 
     color: '#000', 
     loadSpeed: 200, 
     opacity: 0.8, 

    }, 


     onBeforeLoad: function() { 

      // grab wrapper element inside content 
      var wrap = this.getOverlay().find(".contentWrap"); 

      // load the page specified in the trigger 
      wrap.load(this.getTrigger().attr("href")); 

     } 

}); 
}); 

$('.close').live('click', function() { 

     $("#overlay").fadeOut('slow', function() { 

      }); 

     $("#exposeMask").fadeOut('slow', function() { 

      }); 

    }); 
</script> 

而這裏的HTML:

<!-- overlayed element --> 
<div id="overlay" class="apple_overlay"> 

<!-- the external content is loaded inside this tag --> 
<div class="contentWrap"></div> 

</div> 

<a href="Overlay_Login.php" rel="#overlay" class='button button_small_grey'>Login</a> 

如果您還沒有已經猜到了我與jQuery知識也不是很大。所以,如果任何人都可以解決這個問題,那就非常感謝。

+0

您還沒有提到,這是一個新的問題?就像你更新了什麼?或者這是一個新的安裝,你不能使用IE7? – Sparky

+0

你的問題解決了嗎? – Sparky

回答

3

恕我直言,從經驗講,我會遠離jQuery工具,特別是如果你沒有一個良好的jQuery工作知識。由於需要大量標記和奇怪的方法,它不像其他任何可能遇到的jQuery插件。如果您真的想更多地瞭解如何正確使用jQuery,請堅持使用更可靠,普遍接受和標準方法的插件。

jQuery工具在一年內(自jQuery 1.4.2以來)尚未更新,並且在Flowplayer論壇中報告的IE9 & jQuery 1.6存在很多問題。開發商Tero在過去的一年裏一直很不屑。他花了幾乎零時間與他的社區進行互動,並且用他自己的話說,他最近談到了他與其他項目和家庭分心的事情。他似乎也無法獲得足夠的其他人蔘與,從而使其成爲一個社區項目或更具自我維持能力的項目。

雖然新版本據說即將推出(自2011年6月起),但它不會與任何舊代碼向後兼容,因此無論如何您都必須重寫所有內容。誰又會說,在Tero決定在更新的jQuery和瀏覽器發佈的時候再次陷入一片曠日持久的時候,你不會再重寫這段代碼。

jQuery Tools Alternatives?

至於你的具體問題,我看到一個"trailing comma of death"opacity: 0.8線以下:

$("a[rel]").overlay({  
     mask: { 
      color: '#000', 
      loadSpeed: 200, 
      opacity: 0.8,  
     }, 
.... 

的Internet Explorer的某些版本將在逗號嗆沒事的時候來照顧他們。

刪除它,看看是否有幫助:

$("a[rel]").overlay({  
     mask: { 
      color: '#000', 
      loadSpeed: 200, 
      opacity: 0.8  
     }, 
.... 
相關問題