有一个share显示点击链接列表的链接。我正在使用toggle隐藏并显示此列表。
当列表可见时，用户可以单击share以隐藏（切换）链接列表的可见性。
然而，这个小问题是，链接列表保持可见状态，直到用户按下切换列表share。
我添加了这个脚本，以便在用户点击列表之外时关闭列表。
$(".meta-share").click(function() {
event.preventDefault();
$(".social-share").fadeToggle();
});
$(document).mouseup(function(e) {
var container = $(".social-share");
if (!container.is(e.target) && container.has(e.target).length === 0) {
container.fadeOut();
}
});
但是，toggle现在不能按预期工作。
回答 2
当你点击目标并且在目标旁边时会褪色。所有你需要做的就是当目标是meta分享你的document.mouseup时返回false。
$(".meta--share").click(function() {
event.preventDefault();
$(this.nextElementSibling).fadeToggle();
});
$(document).mouseup(function(e) {
if(e.target.className == "meta--share"){
return false;
}
var container = $(".social-share");
if (!container.is(e.target) && container.has(e.target).length === 0) {
container.fadeOut();
}
});$(".meta--share").click(function() {
event.preventDefault();
$(".social-share").toggle();
});
$(document).mouseup(function(e) {
var container = $(".social-share");
if (!container.is(e.target) && container.has(e.target).length === 0) {
container.fadeOut();
}
});.social-share {
display: none;
}<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<ul>
<li><a class="meta--share" href="#">Share</a>
<ul class="social-share">
<li class="facebook"><a title="Share on Facebook" href="#">Facebook</a></li>
<li class="twitter"><a title="Share on Twitter" href="#">Twitter</a></li>
<li class="linkedin"><a title="Share on Linked" href="#">Linkedin</a></li>
</ul>
</li>
</ul>和开发者交流更多问题细节吧，去 写回答
相关文章
![[iOS] 列表滑动展开隐藏头部HeaderView](https://ask.qcloudimg.com/http-save/yehe-1450154/6roebufryz.gif)
点击加载更多
相似问题
iOS - 在触摸UITextField外部时关闭键盘？
select2插件在选中列表项之后就隐藏选中的下拉列表？
导入外部开源仓库时失败怎么办？
wpa_supplicant在设置AP模式时，如何隐藏ssid，隐藏ssid后如何显示ssid？
datagridview报错，隐藏至空时程序终止，大佬求教？
添加站长 进交流群
领取专属 10元无门槛券
AI混元助手 在线答疑
关注 腾讯云开发者公众号
洞察 腾讯核心技术
剖析业界实践案例
腾讯云开发者
