コード内のPrettyPhotoを無効にする

Question

PrettyPhotoを有効にしたらどうすれば無効にできますか？

$(document).ready(function() { 
    $("a[rel^='prettyPhoto']").prettyPhoto(); 
} 

$("#disablePrettyphoto").click(function (e) { 
    $("a[rel^='prettyPhoto']").KILLPRETTYPHOTO(); 
}); 

私がPrettyphotoを使用する画像があるページでは、同じ画像でドラッグアンドドロップ操作を行う必要があります。 prettyPhotoを有効にしてこれを行うと、ドラッグ＆ドロップしているときにポップアップを発生させるので、これはうまくありません。ドラッグ＆ドロップを有効にすると、PrettyPhotoを無効にして、ドラッグ＆ドロップを無効にしたときに再び有効にします。

Answer 1

prettyPhotoにもこの問題がありました。私は実際にプラグインをより詳細に制御するためにAPIを使用し始めました。

ただし、すべてのクリックハンドラを削除するにはunbind（）を使用してからドラッグ＆ドロップしてからprettyPhotoをもう一度追加してください。この質問（Best way to remove an event handler in jQuery?）を見てください。これが役立ちます。

Answer 2

click属性バインド解除、prettyPhotoを無効にするには：prettyPhotoが私のためにうまく機能再初期化し、その後

$("a[rel^='prettyPhoto']").unbind('click'); 

を。

あなたが後でそれを再有効化したくない場合は、rel属性を除去することによって、それを完全に破壊することができます（this answerに基づく）

$("a[rel^='prettyPhoto']").attr('rel', '');