javascript - 이 JS 코드를 어떻게 유용하게 만들 수 있나요?
淡淡烟草味
淡淡烟草味 2017-05-19 10:26:32
0
3
544

모바일 페이지에 배너가 추가되었습니다. 원래 숨겨진 p를 표시하려면
코드를 찾았지만 HTML을 추가하는 데 항상 실패했습니다. 정말 감사합니다. 코드는 다음과 같습니다:


$(문서).ready(함수(){

으아악

HTML 코드는 다음과 같습니다

으아악
淡淡烟草味
淡淡烟草味

모든 응답(3)
我想大声告诉你

귀하의 $(document).ready(function() 메소드가 닫히지 않았습니다. 코드를 닫은 후 });를 추가했습니다. 클릭하면 작동하고 숨겨진 항목이 표시됩니다.
(스타일을 게시하지 않으셔서 추측해서 hidedisplay:none을 썼는데 id="lyt "가 style="display: none"을 사용하고 있으므로 class="hide"만 지정하면 됩니다.)
코드는 다음과 같습니다. $(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 으아아아

스타일을 올려주시지 않아서 추측해서 테스트해봤습니다: 🎜
  • 🎜페이지에는 기본적으로 "즐겨찾기" 열만 있습니다. id="ma"🎜
  • 🎜즐겨찾기 표시줄을 클릭하면 class="layout"class="tc"가 포함된 id="lyt"가 표시됩니다. , class="tc"에는 class="cle"🎜
  • 도 포함됩니다.
  • 🎜class="cle"를 클릭하면 id="lyt"가 숨겨집니다🎜
  • 🎜class="layout"을 클릭하면 id="lyt"도 숨겨집니다. 내가 이해하지 못하는 것은 여기서 판단을 사용하는 이유입니다. lyt에 포함되어 있습니다. lyt가 표시된 경우에만 레이아웃을 보고 클릭할 수 있습니다. . . 따라서 레이아웃을 볼 수 있을 때는 lyt에 hide 스타일이 없을 때여야 합니다. 왜 아직도 판단하시나요?
🎜 아마도 스타일이 없고 귀하의 페이지에 있는 내용이 무엇인지 잘 이해하지 못하기 때문에 이해하지 못할 수도 있습니다. ready 메소드를 닫았습니다. 여전히 문제가 있는 경우 페이지 스크린샷을 직접 게시할 수 있습니다. 🎜
淡淡烟草味

으아악

为情所困

jQuery를 사용하여 작성하는데 왜 .show(),.hide(),.fadeIn(),.fadeOut()이 패키지를 사용하지 않고 스타일이 첨부되지 않았는지 이해가 안 됩니다.

최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿