2011-10-03 69 views
1

jquery fancybox寬度不正常。意味着它等於頁面的寬度。如果我將類名更改爲'iframe'寬度可以正常工作,否則寬度會錯過行爲。jquery fancybox寬度問題

$(".iframe_reg2").fancybox({ 
     'transitionIn' : 'elastic', 
     'transitionOut' : 'elastic', 
     'speedIn'  : 600, 
     'speedOut'  : 200, 
     'overlayShow' : false, 
      'width'   :  400 
    }); 

而且我的HTML是

<a class="iframe_reg2" href="http://google.com">Google</a> 
+0

嘿你能否提供更多信息?我拿了你的代碼,做了[這個](http://pastebin.com/w3Wdnvpq),但是所有我結束了,是[this](http://i51.tinypic.com/6hnebl.png) – Shrayas

+0

當我點擊儘管在初始化代碼中設置了寬度,但鏈接「Google」內容以100%的寬度顯示在fancybox中。 –

+0

奇怪的是,當我將類名更改爲「iframe」時,它以特定的寬度和高度打開。 我正在焦慮地與我的椅子碰撞。請幫助 –

回答

2

ü需要,如果你指定自己的寬度設置autoDimensions爲false。所以,理想情況下,應該聯繫

 
$(".iframe_reg2").fancybox({ 
     'transitionIn' : 'elastic', 
     'transitionOut' : 'elastic', 
     'speedIn'  : 600, 
     'speedOut'  : 200, 
     'overlayShow' : false, 
     'autoDimensions': false, 
     'width'   : 400 
    }); 

我認爲這應該工作:)

+0

我沒有語言來感謝你的朋友。非常感謝。是的,它的工作。 –

+0

沒問題的隊友。祝一切順利 ! – Shrayas

+0

這是否也適用於百分比寬度和高度? – otherDewi

0

你的錨標籤沒有一個href的值,這是爲了使插件工作的一個重要屬性。 (編輯:我現在看到什麼是「iframe」類,但我喜歡使用查詢字符串)。這很難說出你的樣本意味着什麼,但我的猜測是,你試圖抓住谷歌並將其放入花哨箱(作爲測試)。

您還應該從最後一個屬性中刪除逗號,因爲它會跳過某些瀏覽器。

我不明白爲什麼這是行不通的:

$(".pageViewer").fancybox({ 
     'transitionIn' : 'elastic', 
     'transitionOut' : 'elastic', 
     'speedIn'  : 600, 
     'speedOut'  : 200, 
     'overlayShow' : false 
    }); 

與HTML

<a class="pageViewer" href="http://google.com?iframe">Google</a> 
+0

對不起,這裏輸入的錯誤。它有href屬性。請幫忙 –

+0

這已經是我能給出的最好答案。 ;-)我使用查詢字符串('?iframe')方法代替使用'iframe'類。如果它不工作,它可能是其他通用問題,如兩次加載jQuery,腳本無序加載等。只有一個實例可以幫助任何人調試該部分。您的更新代碼缺少這兩個。你需要一個或另一個。添加類「iframe」或像我的示例添加查詢字符串。 –