divからトリガーファンシーボックス？

私はこの質問にいくつかの異なるバリエーションを見ましたが、役に立たないようです。私は単にdivからfancyboxをトリガーしたいと思う。私はdiv要素を持っている：私は空想ボックスを開く.webクリックする方法を探していますdivからトリガーファンシーボックス？

.web{ 
    font-size: 80px; 
    color: rgba(255,0,0,.8); 
    font-family: 'Luckiest Guy', cursive; 
}

：

<div class="port web">Website</div>

このdiv要素は、それに特定のCSS機能を備えています。私は素人ですが、私はdivをfancyboxのアンカーに配置しようとしました。これはルーキーミスでした。私はその助けがあればjqueryの知識を持っています。ありがとう。

<div class="fancybox port web" href="image/bg.jpg">Website</div>

あなたのトリガ素子は、アンカーまたはdiv要素、または何であるかは関係ありません：あなたは自分のdiv要素にfancyboxクラスとhrefを追加しないのはなぜ

<a class="fancybox" rel="group" href="image/bg.jpg"><div class="port web">Website</div><img src="small_image_1.jpg" alt=""></a> 



$(document) .ready(function(){ 

     $('.web').animate({left:'12.5em', top:'6.5em'}, 3500); 
    });

出典

2017-04-26 Eddie Weldon

コードは正常です。それはあなたのために働いていないのですか？ – yuvalsab

@yuvalsabそうですが、divにjqueryが追加されても動作しません。私はjqueryでそれを更新する –

@yuvalsab私はちょうど私の質問にスクリプトを追加 –

。 v3を使用する場合は、data-fancyboxとdata-srcの属性を追加するだけで、単一のJS行を記述しなくても機能します。

出典

2017-04-26 06:46:23 Janis

私は働いた！しかし、リンクがクリックされるようなインジケータはありません。なぜなら、マウスがポイントフィンガーを表示していないからです。 –

CSSを使用してカーソルを設定します。 – Janis

ヘルプに感謝 –

divからトリガーファンシーボックス？

答えて

関連する問題