Question

我正在使用Kyle Fox的jquery模式插件，而我正在尝试添加一个模糊的模糊游戏。上课到身体。我使用以下jquery代码，但它似乎没有工作。我在身体关闭之前把它放好了，但当我用“切换”切换链接时它没有做任何事情。类。如果我只使用＆＃39; addclass＆＃39;它，它确实有效，但当然我无法删除＆＃39;模糊＆＃39;类。

    $(function() {

 $(".toggle").click(function () {
     $('body').addClass("blur");

}）;

$('body').click(function () {
    $('body').removeClass('blur');
});

}）;

要触发此活动，请点击＆＃39; meer info＆＃39;当您将鼠标悬停在上面的第一张照片上时，请联系kraantje pappie＆＃39;。

提前致谢！

Answer 1

以下是您的代码中发生的事情：

点击.toggle元素后，blur类实际添加到body元素
在添加课程后，当您在点击removeClass时使用body时，会立即删除该课程的第二部分。当您点击.toggle时，您还会点击body作为父元素;）

所以，这样做错了：

$('body').click(function () {
    $('body').removeClass('blur');
});

当模态打开时，使用其他选择器更改body类，例如添加关闭按钮并将click事件附加到其中。

要查看我是否正确，只需从页面中删除上面的代码，然后尝试点击第一个模态元素（“KRAANTJE PAPPIE”）。

干杯。

显示模态时添加模糊类，隐藏模态时删除

1 个答案: