2017-05-25 43 views
0

來自noob的問題。如何使用沒有數據屬性的Fancybox3&jquery加載ajax燈箱

我有一個鏈接

<a href="/page.html">Link</a> 

我有一個page.html中

<div id="one"> 
<div id="two"> 
something 
</div> 
</div> 

如何加載#two的div使用AJAX Fancybox3夾沒有通過像「添加數據的屬性改變鏈接data-fancybox「或」href =「改爲」data-src =「覆蓋。

對不起,我englando :)

+0

歡迎來到StackOverflow。 請參考[遊覽], 學習問好問題stackoverflow.com/help/how-to-ask, 做個[mcve]。 顯示您的嘗試,例如該代碼的工作,但不符合你的「沒有」的要求。順便說一句,你的*英語*就夠了。 – Yunnosch

回答

0

您可以添加自定義手動點擊事件,你的鏈接,然後打開的fancybox。

+0

是的,但數據選擇器不能用這種方法,所以我在燈箱看到完整頁面,不僅#two div。 – mmmtasty

+0

不知道你的問題是什麼。 – Janis

0

我不知道,但它應該是這樣的:

$.fancybox.open({ 
    src: '/page.html', 
    type: 'ajax', 
    opts : { 
     selector : 'two' 
    } 
}) 

如果你不想修改你的鏈接,你需要定義點擊事件。您可以使用$(this)或$(e.target)來獲取您點擊的元素,以便通過鏈接獲取.attr('href')。