javascript - 为什么我在 jquery 中的选择不起作用?

标签 javascript jquery

为什么这样的示例不能正常工作?

$("body:not(.modal-content)").css({
        '-webkit-filter': 'blur(4px)'
    });

它毫无异常(exception)地适用于所有人。 jQuery 1.1 我确实模糊了所有页面,除了“Twitter Bootstrap”中的模式窗口。 谢谢

最佳答案

你模糊了整个 body 。

您的模态“窗口”将是主体内的 div(或其他元素)(它不会完全取代主体),因此它会变得模糊。

您需要重组页面,以便正文有两个子元素:模式“窗口”和其余内容。然后将模糊效果应用到包含其余内容的元素。

<body>
    <div class="content">...</div>
    <div class="modal-content">...</div>
</body>

$(".content").css({
    '-webkit-filter': 'blur(4px)'
});

注意:实验性的 -webkit- 前缀仅适用于 webkit(甚至可能不适用于新的 webkit)。 filter 已经足够标准,您现在可以删除实验性前缀。

关于javascript - 为什么我在 jquery 中的选择不起作用?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/26083948/

相关文章:

javascript - 使用 new Image() 进行点击跟踪是否安全?

jquery - 纯 HTML 5 所见即所得编辑器

javascript - 无法获取 jquery 中单选按钮的值 : 'Syntax error, unrecognized expression'

javascript - 快速单击时跳过 jQuery 动画

javascript - 通过单击元素设置焦点但排除一些子元素

javascript - 我如何添加到angularjs中的现有对象

javascript - 尝试创建一个数学游戏

javascript - 如何将js函数覆盖到另一个js文件?

javascript - 带有 jQ​​uery 的 fancybox v2

java - slider 不更新标签