jQuery在编辑模式下更改点击行为

Question

我有一个简单的媒体库，图片点击到其他页面。我还有一个“编辑”模式，允许用户更改媒体库名称，说明和删除照片等。在“编辑”模式下，我想禁用照片上的默认点击操作，并使其成为如此您可以在点击时选择多个图像。然后，购买点击“取消”或“确定”，常规默认图像点击HREFs恢复。我有下面的代码，这种类型的部分工作，但我得到奇怪的行为。任何关于我在这里做错的想法或更好的方法来实现这一点？

$(".editAlbumButton").click(function() { 
    $("#editTools").show(); 
    $(".mediaClick").preventDefault(); 
    $(".mediaClick").toggle(function() { 
     $(this).addClass('mediaSelectHighlight'); 
     }, function() { 
     $(this).removeClass('mediaSelectHighlight'); 
    }); 
}); 

$(".cancelButton").click(function() { 
    $(".mediaClick").removeClass('mediaSelectHighlight'); 
    $("#editTools").hide(); 
    $(".mediaClick"). ???(); // I don't know how to "Restore" default click action here ? 
}); 

Answer 1

你为什么不用标志来举例编辑。

var editable=false; 
$(".editAlbumButton").click(function() { 
    $("#editTools").show(); 
    editable=true; 
    $(".mediaClick").toggle(function() { 
     $(this).addClass('mediaSelectHighlight'); 
     }, function() { 
     $(this).removeClass('mediaSelectHighlight'); 
    }); 
}); 
$(".cancelButton").click(function() { 
    $(".mediaClick").removeClass('mediaSelectHighlight'); 
    $("#editTools").hide(); 
    editable=false; 
}); 
$(".mediaClick").click(function() { 
    if(editable){ 
     $(this).preventDefault(); 
     return; 
    } 
}); 

Answer 2

尝试bind ING和unbind荷兰国际集团的事件，这取决于哪个模式是活动的。

$(".editAlbumButton").click(function() { 
    $(".mediaclick").unbind("click", /*hanlder*/); 
} 
... 
$(".cancelButton").click(function() { 
    $(".mediaclick").bind("click", /*handler*/); 
}