2010-02-10 44 views
3

在我的工作中,我改變了fancybox的對話框,所有這些都變得花花綠綠,即使存在一些小問題,比如使它在pageload上運行,但沒有任何我無法管理的問題。更改href on ie 7和6時的Fancybox問題

但是現在,我面臨着一個巨大的障礙:
IE6和IE7不受約束的行爲。我需要更改fancybox要顯示的地方的網址。除了添加內容外,我在文檔中找不到任何內容,但沒有找到id。所以我的問題是:我錯在哪裏?

<html xmlns="http://www.w3.org/1999/xhtml" > 
<head> 
    <title></title> 
<link rel="stylesheet" type="text/css" href="http://fancybox.net/js/fancybox/jquery.fancybox-1.3.0.css" media="screen" /> 

<script type="text/javascript" src="http://code.jquery.com/jquery-1.4.1.min.js"></script> 
<script type="text/javascript" src="http://fancybox.net/js/fancybox/jquery.easing-1.3.pack.js"></script> 
<script type="text/javascript" src="http://fancybox.net/js/fancybox/jquery.mousewheel-3.0.2.pack.js"></script> 

<script type="text/javascript" src="http://fancybox.net/js/fancybox/jquery.fancybox-1.3.0.pack.js"></script> 

    <script> 

     $(document).ready(function() { 

     jQuery.fn.cornyBox = function(selector) { 

      if (selector) { this.attr('href', selector); } 

      $(this).fancybox(); 

     }; 


     //$('#aAlert').cornyBox(); 
     $('#aAlert').cornyBox('#dvAlert2'); 

     }); 


    </script> 
</head> 
<body> 
    <div id="alertHolder"> 
     <a id="aAlert" href="#dvAlert1" >hit me</a> 
     <div id="dvAlert1" class='alert'> 
      something 
     </div> 

     <div id="dvAlert2" class='alert'> 
      something else 
     </div> 
    </div> 
</body> 
</html> 

如果我使用$('#aAlert').cornyBox();我沒有問題,因爲很明顯,我設定的鏈路上沒有新的href。
它適用於IE8,Firefox和Chrome。儘管如此,在IE6,IE7中卻沒有。

+1

嗨,你找到了解決辦法嗎?我有一個類似的問題,錨鏈接被插入到DOM與Ajax。 IE7 fancybox打開錯誤的內容。適用於chrome,ff,ie8等。 – Keyo 2011-06-02 23:21:24

+0

對不起,小夥子們。我甚至改變了工作,因爲那段時間... rss ...但是,嘿,你找到了解決辦法 – 2011-10-19 12:26:52

回答

4

我有一個類似的問題,IE7顯示內嵌html內容。它顯示了我沒有在href中選擇的內容。設置內聯的類型參數似乎解決了這個問題。

$('a.fancybox').fancybox({ 
    'type':'inline', 
});