javascript - Bagaimanakah saya boleh menjadikan kod JS ini berguna?
淡淡烟草味
淡淡烟草味 2017-05-19 10:26:32
0
3
498

Sepanduk telah ditambahkan pada halaman mudah alih. Kodnya adalah seperti berikut:


$(dokumen).sedia(fungsi(){

$("#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();//阻止事件向上冒泡
});
    
    
    

Kod HTML adalah seperti berikut

<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>
淡淡烟草味
淡淡烟草味

membalas semua(3)
我想大声告诉你

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:none untuk hide, tetapi saya menemui id="lyt " menggunakan style="display: none", anda hanya boleh memberikannya class="hide")
Kodnya adalah seperti berikut: $(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 rrreee

Memandangkan anda tidak menyiarkan gaya, saya telah meneka dan mengujinya: 🎜
  • 🎜Pada halaman, hanya terdapat lajur "Kegemaran" secara lalai id="ma"🎜
  • 🎜Klik bar kegemaran untuk memaparkan id="lyt", yang termasuk class="layout" dan class="tc" , dan class="tc" juga mengandungi class="cle"🎜
  • 🎜Klik class="cle" dan id="lyt" akan disembunyikan🎜
  • 🎜Klik class="layout" dan id="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 gaya hide Mengapa anda masih menilai
🎜Mungkin kerana tiada gaya dan saya tidak begitu faham untuk apa perkara di halaman anda, jadi saya mungkin tidak memahaminya. Anda telah menutup kaedah sedia Jika masih terdapat masalah, anda boleh terus menyiarkan tangkapan skrin halaman. 🎜
淡淡烟草味
$("#ma").click(function(e){
        e.stopPropagation();
        $("#lyt").removeClass('hide'); //$("#lyt") 默认没有hide,怎么显示?改成$("#lyt").show();
    });
为情所困

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.

Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan
Tentang kita Penafian Sitemap
Laman web PHP Cina:Latihan PHP dalam talian kebajikan awam,Bantu pelajar PHP berkembang dengan cepat!