2017-02-27 13 views
3

ページの読み込み時にコンテンツを表示するためのFeatherlightモーダルウィンドウを取得できません。リンクPage LoadでFeatherlightを使用してDOM要素を開く方法

<a href="#" class="my-content" data-featherlight="<p>My Content</p>">Open some DOM in lightbox</a> 

https://github.com/noelboss/featherlight/#usage

https://jsfiddle.net/axxdy4we/

オープンFeatherlight DOMリンクをクリックdata-featherlight属性

からこのリンクをロードするHTMLコンテンツは "マイコンテンツ" をロードします。いただきました!<a>タグの間これだけの負荷

$.featherlight($('.my-content'), {}); 

ページの負荷に

、 "Open some DOM in lightbox"。

ページの読み込み時にdata-featherlight属性から "My Content"を呼び出す方法はありますか?

divの外側ではなく、data-featherlightの内部にhtmlが必要です。

$('.my-content').featherlight().click()
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<script src="https://noelboss.github.io/featherlight/release/featherlight.min.js"></script> 
 
<a href="#" class="my-content" data-featherlight="<p>My Content</p>"> 
 
    Open some DOM in lightbox 
 
</a>

は、私はそれがあなたのコンテンツに

$('.my-content').featherlight(); 

$('.my-content').featherlight.current(); 

答えて

1

コール.featherlight()のようなものは、モーダルウィンドウが設定されていることを確認し、その後、右ページが読み込まれた後.click()へのjQueryを使用するかもしれないと思いました

+0

素晴らしいです! –

関連する問題