2011-03-23 68 views
0

我正在使用Fancybox在[已移除]中顯示帶有ajax的html文件,並且在努力使其在IE中工作之後,它現在顯示錯誤的寬度。Fancybox(ajax)寬度在IE瀏覽器中無法正確顯示(8,7)

$(document).ready(function() { 
    $(".loginmodal").fancybox({ 
     'transitionIn' : 'elastic', 
     'transitionOut' : 'elastic', 
     'width'   : 350 
    }); 

    $(".agregardefmago").fancybox({ 
     'transitionIn' : 'elastic', 
     'transitionOut' : 'elastic', 
     'padding': 0, 
     'margin':0, 
     'autoScale':false, 
     'width'   : 350, 
     'type'   : 'ajax' 
    }); 

}); 

這是在報頭中的JavaScript與:

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js"></script> 
<script type="text/javascript" src="/static/fancybox/jquery.fancybox-1.3.4.pack.js"></script> 
<link rel="stylesheet" type="text/css" href="/static/fancybox/jquery.fancybox-1.3.4.css" media="screen" /> 

<a href="/agregar-definicion.html" class="agregardefmago">Agregar Definicion</a>所述的fancybox點擊出現帶有自動正確的高度,但錯誤的寬度。

我已經嘗試刪除'寬度'屬性和許多其他組合。

謝謝。

回答

0

我相信你正在尋找的選項是autoDimensions。

$(".agregardefmago").fancybox({ 
     'transitionIn' : 'elastic', 
     'transitionOut' : 'elastic', 
     'padding': 0, 
     'margin':0, 
     'autoScale':false, 
     **'autoDimensions':false,** 
     'width'   : 350, 
     'type'   : 'ajax' 
    }); 

欲瞭解更多信息:http://fancybox.net/api

+0

謝謝! IE仍然不夠完美,但它足夠好。 – vierja 2011-03-23 12:37:49

0

爲什麼使用Fancybox的具體原因是什麼?

我以前也有過一些瀏覽器問題(IE),所以我切換到FaceBox似乎在所有瀏覽器中工作得更好。

+0

我使用的fancybox沒有真正的理由,似乎確定當我發現它。我將閱讀FaceBox的更多內容,也許有所改變。謝謝! – vierja 2011-03-23 12:37:02

+0

您可能遇到的唯一問題就是動畫,如果FaceBox支持與FancyBox一樣多的動畫,則不太確定。 – dkarzon 2011-03-24 00:50:59