2011-12-19 100 views
2

我正在使用鏈接向Fancybox JavaScript函數發送href/url。我已經在Fancybox v1上正常工作,但在升級到v2時它不再有效。我已經從他們的網站直接複製代碼,但我仍然只是得到一個空白的iFrame(沒有錯誤信息)。FancyBox2 iFrame未加載

document.getElementById('link_'+box_name).innerHTML = '<a class="various fancybox.iframe" onmouseover="this.style.cursor=\'pointer\';" href="javascript:display2(\'http://jquery.com\')">test</a>'; 

function display2(url) {  
$(".various").fancybox({   
    'href': url, 
    maxWidth : 820, 
    maxHeight : 600, 
    fitToView : false, 
    width  : '70%', 
    height  : '70%', 
    autoSize : false, 
    closeClick : false, 
    openEffect : 'none', 
    closeEffect : 'none' 
});    
} 
+0

我曾嘗試:HREF:URL,但行情沒有什麼區別... – 20pictures 2011-12-19 19:57:02

+0

我曾嘗試:類型:「IFRAME ',但沒有變化 – 20pictures 2011-12-19 20:44:12

回答

2

我做&得到這個工作的幾個變化:

document.getElementById('link_'+box_name).innerHTML = '<a class="fancybox fancybox.iframe" onmouseover="this.style.cursor=\'pointer\';" href="javascript:display2(\'http://jquery.com\')">test</a>'; 

function display2(url) {  
    $.fancybox({   
     href  : url, 
     type  :'iframe', 
     maxWidth : 820, 
     maxHeight : 600, 
     fitToView : false, 
     width  : '70%', 
     height  : '70%', 
     autoSize : false, 
     closeClick : false, 
     openEffect : 'none', 
     closeEffect : 'none' 
    });    
}