Fancybox3＆jquery（データ属性なし）を使用してajaxライトボックスをロードする方法

Question

noobからの質問。

私はpage.html」のようなデータ属性を追加することによって、リンクを変更ずにFancybox3アヤックスライトボックスを使用して#twoのdivをロードする方法

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

を持っているリンク

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

を持っていますdata-fancybox "または" href = "から" data-src = "を上書きします。

私englandoのため申し訳ありません

:)

Answer 1

あなたは手動であなたのリンクにカスタムクリックイベントを追加し、オープンfancyboxことができます。

Answer 2

私はわからないんだけど、それは次のようになります。

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

あなたがあなたのリンクを変更したくない場合は、カスタムのクリックイベントを必要としています。 $（this）または$（e.target）を使ってクリックした要素を取得して、あなたのリンクで.attr（ 'href'）を得ることができます。