Sepanduk telah ditambahkan pada halaman mudah alih. Kodnya adalah seperti berikut:
$("#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();//阻止事件向上冒泡
});
<body>
<p class="bottom" id="ma">
<p class="btn btn1">
<p class="weixin"><img src="{maccms:path_tpl}/images/gzorange.svg"></p><span class="guanzhu">收藏</span>
</p>
</p>
<p id="lyt" style="display: none">
<p class="layout"></p>
<p class="tc">
<p><p class="cle"></p><img src="/images/torange.svg" class="cleimg"><span class="st">没时间了，快上车！</span></p>
<p><img src="/images/b.svg"><p><img src="/images/14922386198576.jpg" class="sb"></p></p></p>
</p>
<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>
![[Web front-end] Permulaan pantas Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
Kaedah
$(document).ready(function()anda tidak ditutup. Saya mencubanya dan menambah});selepas kod anda ditutup, ia adalah Ia berfungsi dan menunjukkan perkara tersembunyi apabila diklik.(Memandangkan anda tidak menyiarkan gaya, saya meneka dan menulis
display:noneuntukhide, tetapi saya menemuiid="lyt " menggunakanstyle="display: none", anda hanya boleh memberikannyaclass="hide")Kodnya adalah seperti berikut:
$(document).ready(function()方法没闭合，我试了下，在你的代码后面加上});闭合后，是可以工作的，点击后显示隐藏的东西。（由于你没贴样式，所以我自己猜着给
hide写了个display:none，但是我发现你的id="lyt"是用的style="display: none"，你直接给它弄个class="hide"吧）代码如下：
由于你没贴样式，所以我大概猜着测了下：
页面上默认是只有 “收藏” 栏
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样式的时候啊，干嘛还判断大概是由于没有样式，也不太明白你页面上那些都是干嘛的，所以可能没理解好吧。你把
Memandangkan anda tidak menyiarkan gaya, saya telah meneka dan mengujinya: 🎜readyrrreee- 🎜Pada halaman, hanya terdapat lajur "Kegemaran" secara lalai
- 🎜Klik bar kegemaran untuk memaparkan
- 🎜Klik
- 🎜Klik
🎜Mungkin kerana tiada gaya dan saya tidak begitu faham untuk apa perkara di halaman anda, jadi saya mungkin tidak memahaminya. Anda telah menutup kaedahid="ma"🎜id="lyt", yang termasukclass="layout"danclass="tc", danclass="tc"juga mengandungiclass="cle"🎜class="cle"danid="lyt"akan disembunyikan🎜class="layout"danid="lyt"juga akan disembunyikan. Apa yang saya tidak faham ialah mengapa anda menggunakan pertimbangan di sini, reka letak adalah Ia termasuk dalam lyt Hanya apabila lyt dipaparkan, anda boleh melihat susun atur dan klik padanya. . . Oleh itu, apabila reka letak boleh dilihat, ia sepatutnya apabila lyt tidak mempunyai gayahideMengapa anda masih menilaisediaJika masih terdapat masalah, anda boleh terus menyiarkan tangkapan skrin halaman. 🎜Memandangkan anda menggunakan jQuery untuk menulis, mengapa tidak anda gunakan sahaja
.show(),.hide(),.fadeIn(),.fadeOut()pakej ini, dan tiada gaya yang dilampirkan, jadi saya tidak begitu faham.