2011-07-02 20 views
2

私は写真に2つのアクションを適用したいと思います:ホバーの 1:クリックで 2.それを拡大するjQueryのルーペを実行します。それをjQuery loupe&pretty写真 - どのようにして両者を動作させることができますか?

問題をズームするprettyPhotoを実行します。 これは私がしてきたものですしようとしている:http://jsfiddle.net/sherlock85/Udfey/ ご覧のとおり、ルーペはうまく動作しますが、prettyPhotoプラグインは動作しません。ルーペの初期化行をコメントしたり削除したりすると、$( '。demo')。loupe(); prettyPhotoはうまく動作します。両方を適切に動作させる簡単な方法はありますか?

ありがとうございました!

+0

これはフィドルです:http://jsfiddle.net/sherlock85/Udfey/1/ –

+0

それだけです推測ですが、私はクリックイベントがイメージにそれ以上作っていないので、prettyPhotoをトリガーしないと推測します。画像上に配置されているdiv(または使用しているもの)のクリックイベントをリッスンするようにルーペコードを変更し、そのハンドラからの画像のclickイベントをトリガする必要があります。 – kinakuta

答えて

1

あなたはちょうどこのよう以降のトリガ・イベントを転送することができます。

$('.loupe').click(function(){ 
     $(this).prev().trigger('click');  
}); 

例:http://jsfiddle.net/niklasvh/nKean/

+0

Niklasありがとう!それは今素晴らしいです! –

関連する問題