在代码中禁用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

要禁用prettyPhoto，请解除绑定click属性：

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

在那之后，重新初始化prettyPhoto对我来说效果很好。

如果以后不想重新启用，可以通过移除rel属性将其完全销毁：

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

(基于this answer)