suchen

Heim  >  Fragen und Antworten  >  Hauptteil

javascript - Wie kann ich diesen JS-Code nützlich machen?

Der mobilen Seite wurde ein Banner hinzugefügt, um ein ursprünglich ausgeblendetes p anzuzeigen. Ich hoffe, jemand kann mir helfen. Der Code lautet wie folgt:

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

HTML-Code lautet wie folgt

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

Antworte allen(3)Ich werde antworten

  • 我想大声告诉你

    我想大声告诉你2017-05-19 10:28:32

    你的$(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方法闭合了，如果还有问题，你可以直接贴一个页面截图。

    Antwort
    0
  • 淡淡烟草味

    淡淡烟草味2017-05-19 10:28:32

    $("#ma").click(function(e){
        e.stopPropagation();
        $("#lyt").removeClass('hide'); //$("#lyt") 默认没有hide，怎么显示？改成$("#lyt").show();
    });

    Antwort
    0
  • 为情所困

    为情所困2017-05-19 10:28:32

    既然你用jQuery写，为什么不直接用.show(),.hide(),.fadeIn(),.fadeOut()这些封装好的，而且也没贴样式，不太明白。

    Antwort
    0
  • StornierenAntwort