javascript - 怎么样才能使这个JS代码有用？
本文介绍了javascript - 怎么样才能使这个JS代码有用？的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！
问题描述
问 题
在手机页面加入了一个 横幅， 点击横幅层DIV，实现显示一个原本隐藏的DIV
代码找到，可是加入html 始终无效，望能人帮帮忙，万分感谢！ 代码如下：
$(document).ready(function(){
$("#ma").click(function(e){
e.stopPropagation();
$("#lyt").removeClass('hide');
});
$(".cle").click(function(){
$("#lyt").addClass('hide');
});
$('.layout').click(function() {
if (!$("#lyt").hasClass("hide")) {
$("#lyt").addClass("hide");
}
});
$("#lyt").click(function (e) {
e.stopPropagation();//阻止事件向上冒泡
});
HTML 代码如下
<body>
<div class="bottom" id="ma">
<div class="btn btn1">
<div class="weixin"><img src="{maccms:path_tpl}/images/gzorange.svg"></div><span class="guanzhu">收藏</span>
</div>
</div>
<div id="lyt" style="display: none">
<div class="layout"></div>
<div class="tc">
<div><div class="cle"></div><img src="/images/torange.svg" class="cleimg"><span class="st">没时间了，快上车！</span></div>
<div><img src="/images/b.svg"><div><img src="/images/14922386198576.jpg" class="sb"></div></div></div>
</div>
<script>
$(document).ready(function(){
$("#ma").click(function(e){
e.stopPropagation();
$("#lyt").removeClass('hide');
});
$(".cle").click(function(){
$("#lyt").addClass('hide');
});
$('.layout').click(function() {
if (!$("#lyt").hasClass("hide")) {
$("#lyt").addClass("hide");
}
});
$("#lyt").click(function (e) {
e.stopPropagation();//阻止事件向上冒泡
});
</script>
</body>
解决方案
你的$(document).ready(function()方法没闭合，我试了下，在你的代码后面加上});闭合后，是可以工作的，点击后显示隐藏的东西。
（由于你没贴样式，所以我自己猜着给hide写了个display:none，但是我发现你的 id="lyt"是用的style="display: none"，你直接给它弄个class="hide"吧）
代码如下：
<script>
$(document).ready(function(){
$("#ma").click(function(e){
e.stopPropagation();
$("#lyt").removeClass('hide');
});
$(".cle").click(function(){
$("#lyt").addClass('hide');
});
$('.layout').click(function() {
if (!$("#lyt").hasClass("hide")) {
$("#lyt").addClass("hide");
}
});
$("#lyt").click(function (e) {
e.stopPropagation();//阻止事件向上冒泡
});
});
</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 没有hide样式的时候啊，干嘛还判断
大概是由于没有样式，也不太明白你页面上那些都是干嘛的，所以可能没理解好吧。你把 ready方法闭合了，如果还有问题，你可以直接贴一个页面截图。
这篇关于javascript - 怎么样才能使这个JS代码有用？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！
查看全文
