2

画像の上にレンズを作成するプラグインがあります。ただし、レンズの下にある場合は画像をクリック可能にすることはできません

問題を説明するためにjsfiddleでこれを作成しました http://jsfiddle.net/F9GT5/2/

一連のアクションを実行するには、画像をクリック可能にする必要があります。

ここのようないくつかのサイトでそれが行われているのを見てきましたhttp://www.starplugins.com/cloudzoom

 $('#myCloudZoom').bind('click',function(){       // Bind a click event to a Cloud Zoom instance.
        var cloudZoom = $(this).data('CloudZoom');   // On click, get the Cloud Zoom object,
        cloudZoom.closeZoom();                       // Close the zoom window (from 2.1 rev 1211291557)
        $.fancybox.open(cloudZoom.getGalleryList()); // and pass Cloud Zoom's image list to Fancy Box.
        return false;
    });

この問題は、ここ数日間私を悩ませてきました.cloudzoomプラグインを使用すると、レンズを通して下の画像をクリックしているように見えます. ただし、上記のコードに示すように、クリックも画像にバインドされていますが、要素を検査すると、画像の上にレンズが表示されます

この問題に取り組む方法について誰かアイデアはありますか?

4

2 に答える 2

1

プラグインを使用して、画像のセレクターを何らかの方法で div に保存します。

//Inside the plugin, creating the lens; add attribute for image
$("<div>").data('image', this)
//Then bind a click event to the div to trigger a click on the image:
   .click(function () {
      $(this).data('image').trigger('click');
   });
于 2012-12-16T23:21:41.597 に答える
0

あなたの問題を理解できたかどうかはわかりませんが、「クリック」イベントを「レンズ」divに追加する必要があると思います。

$(".lens").click(function(){
alert("click lens");    
});
于 2012-12-16T23:23:46.337 に答える