今天给直播间网站写一个点击头像弹出两个选项的函数。由于聊天是后来插入的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