gpt4 book ai didi

javascript - jQuery:使用 'not' 选择器出现奇怪的结果?

转载 作者:行者123 更新时间:2023-11-28 15:49:25 26 4
gpt4 key购买 nike

我有一个页面,当您单击带有文本的选项卡时,您会链接到另一个页面,其中白色 block 中包含扩展说明。在此页面上,我希望用户能够通过单击背景中的任意位置(而不是白色 block 上)返回到上一页。现在,单击页面上具有扩展描述的任意位置会链接回主页(此时应该忽略包含描述的白色 div 上的单击)。这是我的 JavaScript:

$('html:not(.detailwhite)').mousedown(function(e) {
document.location.href="index.html";
e.stopPropagation();
});

这是我的 html:

<!DOCTYPE html>
<html>
<head>
<title>Group details</title>
<!--library files-->
<script src="lib/jquery_min.js"></script>
<!--stylesheets-->
<link rel="stylesheet" type="text/css" href="style/detailstyle.css">
<!--javascript-->
<script type="text/javascript" src="js/interactive.js"></script>
</head>

<body class="detailbg">

<div class="detailwhite">
<h1 class="name">Group Name</h1>
<img class="pic" src="style/testPic300x200.png" alt="Group picture"/>
<p class="description">Here's the detailed description of the group.<p>
</div>

</body>
</html>

摘要:单击除“detailwhite”div 之外的任何内容都应将用户链接回index.html。不幸的是,“但是”被忽略了。

感谢您的阅读。

最佳答案

您的选择器正在将处理程序添加到不具有 detailwhite 类的 html 元素,而您需要

jQuery(function ($) {
$(document).mousedown(function (e) {
document.location.href = "index.html";
e.stopPropagation();
});
$('.detailwhite').mousedown(function (e) {
e.stopPropagation();
});
})

演示:Fiddle

关于javascript - jQuery:使用 'not' 选择器出现奇怪的结果?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/21111355/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com