猿问

怎么样才能使这个JS代码有用?

https://img4.mukewang.com/5c0f21e60001987103670622.jpg

在手机页面加入了一个 横幅, 点击横幅层DIV,实现显示一个原本隐藏的DIV 
代码找到,可是加入html 始终无效,望能人帮帮忙,万分感谢! 代码如下:

https://img.mukewang.com/5c0f21fe0001b62603870331.jpg

HTML 代码如下

https://img2.mukewang.com/5c0f220d0001587111410651.jpg

慕斯709654
浏览 539回答 1
1回答

偶然的你

你的$(document).ready(function()方法没闭合,我试了下,在你的代码后面加上});闭合后,是可以工作的,点击后显示隐藏的东西。(由于你没贴样式,所以我自己猜着给hide写了个display:none,但是我发现你的&nbsp;id="lyt"是用的style="display: none",你直接给它弄个class="hide"吧)代码如下:<script>$(document).ready(function(){&nbsp; $("#ma").click(function(e){&nbsp; &nbsp; &nbsp; e.stopPropagation();&nbsp; &nbsp; &nbsp; $("#lyt").removeClass('hide');&nbsp; });&nbsp; $(".cle").click(function(){&nbsp; &nbsp; &nbsp; $("#lyt").addClass('hide');&nbsp; });&nbsp; $('.layout').click(function() {&nbsp; &nbsp; &nbsp; if (!$("#lyt").hasClass("hide")) {&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; $("#lyt").addClass("hide");&nbsp; &nbsp; &nbsp; }&nbsp; });&nbsp; $("#lyt").click(function (e) {&nbsp; &nbsp; e.stopPropagation();//阻止事件向上冒泡&nbsp; });});</script>由于你没贴样式,所以我大概猜着测了下:页面上默认是只有 “收藏” 栏id="ma"点击收藏栏,显示id="lyt",这里面包含了class="layout"和class="tc",而class="tc"里还包含了class="cle"点击class="cle",id="lyt"会隐藏点击class="layout",id="lyt"也会隐藏,没弄懂的是这里你为啥会用个判断,layout是包含在 lyt 里的,只可能 lyt 显示了,才能看到 layout,才能点到它吧。。。所以,也就是 layout 能看到的时候,应该是 lyt 没有&nbsp;hide样式的时候啊,干嘛还判断大概是由于没有样式,也不太明白你页面上那些都是干嘛的,所以可能没理解好吧。你把&nbsp;ready方法闭合了,如果还有问题,你可以直接贴一个页面截图。
随时随地看视频慕课网APP

相关分类

JavaScript
我要回答