zoukankan      html  css  js  c++  java
  • 随手挖坑记录二

    今天给直播间网站写一个点击头像弹出两个选项的函数。由于聊天是后来插入的dom元素,所以给头像元素绑定了一个gag();禁言套餐函数。顺便带了个参(obj)。

    然后代码是这么写的。

    function gag(obj){
         var str = '<div class="gag"><dl><dd id="jy">禁言</dd><dd id="lh">拉黑</dd></dl></div>';
         obj.parent().append(str);
    }
    

    点完头像报错

    面向搜索引擎编程后没找到这个熟悉错误的原因。明明加载了jq却用不了它的方法。

    后来尝试着用原生js写,然后发现写起来好麻烦,处于写一句就要面向搜索引擎一次ORZ。。。

    等我做弹窗的后端来看了,然后给我加上了$(obj).

    然后,

    真的不报错了。

    最后贴下完成代码,随手挖的坑有填上了。

    function gag(obj){
         var str = '<div class="gag"><dl><dd id="jy">禁言</dd><dd id="lh">拉黑</dd></dl></div>';
         if ($('.gag').length=="0"){
         $(obj).parent().append(str);
         $('.mask').show();
         }else{
          $(".gag").remove();
          $('.mask').hide();
         }
         $('.mask').click(function(){
          $(".gag").remove();
          $('.mask').hide();
         })
         $('.gag dd').click(function(){
          $(".gag").remove();
          $('.mask').hide();
         })
        }

    垃圾代码QAQ

  • 相关阅读:
    怎么用js实现jq的removeClass方法
    减少事件绑定次数
    JS setAttribute兼容
    css3常用动画+动画库
    小tip: transition与visibility
    image的srcset属性
    jqeury点击空白关闭弹窗
    卡片翻转效果
    div+css 圆角加阴影
    函数
  • 原文地址:https://www.cnblogs.com/liyinSakura/p/5853940.html
Copyright © 2011-2022 走看看