js动态添加的li,js事件无法触发!急急急

动态添加的li 没法触发这个事件........求大神帮忙

/**
 * 移动到li上添加符号 移出删除
 */

$(".ul-class > li").hover(function (event) {
    $(this).append("<a id='del' onclick='del(this)'><span class=\"glyphicon glyphicon-remove\" ></span></a>");
}, function (event) {
    $("#del").remove();
});
0

1个回答

用on代理(jquery需要1.7+以上,一下的用live绑定),不过不能用hover了

改mouseenter和mouseout

<ul class="ul-class">
    <li>111111</li>
    <li>22222</li>
    <li>3333</li>
</ul>
<script src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.7.1.min.js"></script>
<script>
    $('body').on('mouseenter', '.ul-class>li', function () {
        $(this).append("<a id='del' onclick='del(this)'><span class=\"glyphicon glyphicon-remove\" ></span></a>");
    }).on('mouseout', '.ul-class>li', function () { $("#del").remove(); });

    setTimeout(function () { $('.ul-class').append('<li>3333</li><li>3333</li>') })
</script>
2
Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!
其他相关推荐
AJAX动态添加li之后无法触发事件
$(".sewvbm2").on("click","li",function(){}); 直接用click可能会失效,$(".sewvbm2").click(function(){})
js动态生成的dom无法启动事件(click,mouseover......)
解决办法:1.将执行事件的代码放在生成dom的 function 里面  $.ajax({ url: &quot;url&quot;, //json文件位置 // url: &quot;serialization.json&quot;, //json文件位置 type: &quot;post&quot;, //请求方式为get //data: &quot;{pareId:0}&quot;, asyn...
circle类的实现
circle类的实现 斤斤计较急急急急急急急急急急急急急急急斤斤计较急急急急急急急急急急急急急急急
HTML中关于动态创建的标签无法绑定js事件的解决方法
小伙伴们在前端页面的时候,是不是会经常遇到用JavaScript动态创建出来的Button按钮或其他标签无法使用点击事件的问题。如下代码,使用jquery在body中动态创建一个class为demo的Button按钮,当点击这个按钮时无法触发点击事件。<script> $(function(){ $("body").html("<button class='demo'>按钮</button>
jQuery动态添加的列表项无法触发点击事件
1.添加列表项之前,点击1,2,3都能出发点击事件。 2.点击“添加列表项按钮”,实现如下: 这时点击1,2,3还是能触发点击事件,但是点击动态添加的4,5节点时却无反应。 此时代码如下: &amp;lt;!DOCTYPE html&amp;gt; &amp;lt;html lang=&quot;en&quot;&amp;gt; &amp;lt;head&amp;gt; &amp;lt;meta charset=&quot;UTF-8&quot;&amp;gt; &amp;
js动态添加的新节点class不生效,点击事件无效
原因:dom未重新加载, $(&quot;.close,.cs&quot;).click(function() { $(&quot;.modal&quot;).hide(); }); 改为 $(document).on(&quot;click&quot;, &quot;.huanshu&quot;, function () { var sds = $(this).prev().prev().prev().p...
ajax动态生成li标签无法与事件绑定
$("").click()方法绑定的前提是li已经存在   如果是动态生成的    click事件无法绑定成功。这时候就要用$("父级元素").on("click","要绑定事件的元素或类",function(){dosomething}); 这样就可以了;
前端js中动态添加的元素不能触发绑定事件解决方法
问题描述:在页面选择关键词时,需要将关键词元素绑定点击事件使同一类型的关键词只有一个固定class,使其随点击更换,目的是为了让这一类型的关键词的值可以由class获取。在原本写死的关键词上绑定的事件是可用的,但是换成动态加载后发现只能适用于写死的情况。很无奈,在网上搜索一番后花了点时间终于解决了,下面奉上。  参考文章:https://blog.csdn.net/qq_35129893/art...
为什么添加了js事件,还是不能用呢?
问题出在:&amp;lt;img&amp;gt; 标签不能作为事件触发的载体,不仅如此还会覆盖js触发事件的作用区域。解决方案: img标签外层东西即可,总之一点。不要让&amp;lt;img&amp;gt;标签覆盖触发事件作用的作用域...
通过js动态填充的按钮标签不响应js中的对它的onclick事件解决
问题:现在有一颗树形菜单(jstree),这个菜单最开始是通过js初始化的,现在我对这个树形菜单的某个项做了更改,比如说改名,现在要重新初始化这个树形菜单,第一次初始化的时候菜单能响应点击事件,但是在不刷新页面的情况下重新做初始化后的菜单并不能响应点击事件了。 原因:你应该在动态生成元素的同时也动态生成事件过程,而不是先生成一个子虚乌有的事件来等着元素对号入座。 解决:在重新初始化树形菜单的同...
js 给动态li添加动态点击事件
一、给动态li添加动态点击事件 试了网上的on,live,bind绑定,都不起作用。最后看到https://bbs.csdn.net/topics/390414057 上的代码。试了一遍,demo ok。 附上demo: &amp;lt;!DOCTYPE html&amp;gt; &amp;lt;html xmlns=&quot;http://www.w3.org/1999/xhtml&quot;&amp;gt; &amp;lt;head&amp;gt...
点击动态生成的代码时,onclick无法触发
$(&quot;#second_type li&quot;).on('click',function () { $(&quot;#second_type li&quot;).removeClass(&quot;active&quot;); $(this).addClass('active'); load(); }); 今天写代码发现一个问题,li标签是动态生成的,当上面这样写的时候,点击li标签就...
动态生成的li标签,绑定点击事件无效
    在最近的一个项目中,有一个li标签做成的页签,打开这个页签需要满足我的条件才能打开,否则不能打开。 就得给他绑定一个点击事件,开始我是 $(&quot;ul li:eq(0)&quot;).click(function(){}); 发现这段代码放在$(function(){});这个里面才有效,如果提出来,就没有效果。 后面发现可以在$(function(){});这个代码块中给li标签绑定一个on...
js-动态添加li、option,并且添加其点击事件
首先用从后台获得到数据后用$.each遍历 var inner1 = $("");  $.each(data, function (dep1, item) {                         var everyoptions = $('' + item.bname1 + '');                         inner1.append(every
动态添加的标签如何调用js事件
在<定制快报>中项目中遇到的问题:1、动态添加的标签无法绑定js事件函数?采2、动态添加的标签无法调用函数??
js通过动态添加的多个select或其他标签的点击或改变事件无效
解决方法:使用 delegate() 方法 使用下面的会失效: $(&quot;.infoType_ling_yu select:first-child&quot;).on('change',function(){ //业务处理 }) 解决方法: $(&quot;body&quot;).delegate(&quot;.infoType_ling_yu select:first-child&quot;,&quot;change&quot;, function(){ ...
C#课余测验
课余训练 在线等 急急急``````
js/jq 动态添加的元素不能触发绑定事件解决方案
js/jq 动态添加的元素不能触发绑定事件解决方案
js动态添加标签onclick点击触发失效原因及处理方法以及如何向调用的方法进行传递字符串
当我们用js动态添加按钮或者其他功能时,当触发的时候需要向触发方法进行传值,而此时无论怎么点击都不会触发方法,代码调试也找不出问题,就是不会触发目标方法,究竟是什么原因呢?是不是觉得可气?觉得很不可思议?为什么有的事件正常触发? 原因是调用方法时,向方法中传递值的方式有问题!!!!! 奉上例子: formatter:function(value,row,index){ return &quot;&amp;l...
angular学习日志03 Hello,World
1.最简单的Hello,World Document {{greeting.text}},World angular.module('start',[]) .controller('helloworldController',function($scope){ $scope.greeting={ text:'Hello' } })
javaScript动态添加Li元素
html代码块<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>**javaScript动态添加Li元素**</title> <style type="text/css"> ul li{list-style:none;display:block;text-align
解决新添加标签事件无法触发问题
   之前在写商城项目时候遇到一个坑,原本页面没有的标签,通过事件添加标签后无法进行事件触发。写一个简单例子方便理解&amp;lt;button class=&quot;capy&quot;&amp;gt;生成按钮&amp;lt;/button&amp;gt; &amp;lt;div class=&quot;div&quot;&amp;gt;&amp;lt;/div&amp;gt;比如点击生成按钮时添加一个button,然后点击这个button进行alert(1)下面是错误写法!!$(&quot;.bt
IE10下js点击事件失效
网站在ie10下有些界面不能显示,有些脚本不能执行,主要是因为iE10设置的原因 1. 安全性设置 2.启用脚本,把勾去掉即可执行脚本了     
js点击事件触发不了,innerHTML也出错
-
网上书店系统
网上书店系统
Android使用WebView的,响应网页的JavaScript事件
这里的webView指的是我们具体在xml中配置的WebView视图,我们在加载Url之前会对webView一些列的配置例如:webView.getSettings().setJavaScriptEnabled(true);然后设置主要处理解析,渲染网页等浏览器做的事情webView.setWebViewClient(new MyWebViewClient()); 当然我们这个MyWebView
求教关于视窗中滚动条 滚动后 擦除和重绘的问题
关于滚动条 重绘 和 擦除的问题 急急急 求教
jQuery中动态创建元素节点无法触发事件
通过jquery动态生成了一个按钮$(this).html('<a id="register" href="javascript:;">注册</a>').addClass("register");js中直接给a一个事件$("#register").click(function() { console.log(111); });一直无法触发该事件。改成下面的方法:$(document).del
js动态绑定事件
JavaScript代码: let interval=setInterval(getE,1);//每隔一毫秒向消息队列中发送一个事件getE function getE() { let element=document.getElementById('result');//动态获取元素 if (element!=null) {//如果元素已被绘制则给元素绑定事件...
java代码啊
很值得学习的java代码!求积分啊,急急急
动态添加删除li
这个功能的需求是这样的,接收人处显示多个用户名(是结果),在输入框输入完成后,回车键或者失去焦点,就去查询,查询结果出来后,通过点击加号再添到接收人处。这样中间有个验错的过程(如果操作的时候输入的用户名错了,可以不点加号,也就不会添加到接收人处)。带出姓名的本意是让操作人员检查一下查询出来的用户是不是要发送的用户,因为客服人员在...
js动态append添加的节点点击事件无效
js动态append添加的节点点击事件无效问题
js拼装html无法触发事件
$("body").delegate('.refund','click',function(){//主要是这里 var truthBeTold = confirm("退款审核,审核结果会在24小时内,通过微信公众号渠道发送,请注意查收!"); balance_rule_id = $(this).data('id'); this
JS事件的动态绑定--解决动态添加的元素事件失效
$(document).on(&quot;click&quot;,&quot;#id&quot;,function(){ //事件的方法 });  
js普通事件和监听事件的区别
1.添加监听事件可以对动态生成的元素也生效。而普通事件就不行了。 2.普通事件只能执行一个回调函数,监听事件可以添加n个。
解析JS绑定事件重复触发问题
一、什么问题 当前端开发过程中,经常用到事件,随着业务代码这一块的复杂化,在事件和多次注册和调用时,如果处理不好就会出现同一事件触发多次的问题。今天我们就聊一聊这个问题 二、事例 下面这段代码是一个简单的例子,页面上一有一个安钮。当点击’安钮‘时创建一个button为 test button代码插入area中。接着点击该button,console.log一个东西。如果下代码: h
js中动态添加ul列表中的li
要实现的样式 html中的代码 js中的写法 注意:i是取值的个数,i%3表示按样式取3个值之后,在重新写一个ul         在迭代取值的时候,i-1表示取值的脚标
JS中触发事件的两种方式比较
addEventListener() 该方法需要三个参数,分别是 1.事件的字符串,不要on 2.回调函数,当事件触发时该函数会被调用 3.是否在捕获阶段触发事件,需要一个布尔值,一般都传false 注意:该方法不支持IE8及以下浏览器 使用例子: btn01.addEventListener(&quot;click&quot;,function(){ alert(1); },fal...
ajax返回的html内容绑定不了js事件
bug描述 用ajax来动态改变网站的某一块内容,然后发现无法对其绑定js事件。用getElementsByClassName获取的数组长度也是为0。以下为Ajax返回的内容。 out.write(&quot;&amp;lt;div class=\&quot;fansItem\&quot; id=\&quot;fansItem\&quot;&amp;gt;&quot;); out.write(&quot;&amp;lt;img src=\&quot;/user/portrait/pic_&quot;
js中的事件委托机制(解决动态生成的dom元素无法绑定事件的问题)
我们知道,在使用一些插件获取服务器数据然后动态渲染dom元素后,渲染的dom元素是无法绑定事件的,因为我们写的js是在一开始就渲染好了的,所以后面生成的dom是没办法找到的。解决方法:1.生成Dom时把js脚本在写进去一次(舍弃,不可能这么麻烦)2.使用js的事件委托机制.意思是由一个元素监听他的子元素所发生的事件,这样,就算是生成的元素也可以生效.例子:<div style="display: f