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();
});

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>
Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!
其他相关推荐
AJAX动态添加li之后无法触发事件
$(".sewvbm2").on("click","li",function(){}); 直接用click可能会失效,$(".sewvbm2").click(function(){})
JS触发<a>,JS事件模拟
JS触发<a>,JS事件模拟 <pre name="code" class="html"> <!DOCTYPE html> <html> <head> <meta charset="GBK"> <title>Insert title here</title> </head> <body> <input type="button" value="下载" onclick="ddd()"/> <a id="12" href="dwo.jsp" style="display: none;">下载</a> <scr
急~~无法调用JS事件。。
rn   rnrn提示网页中有两个声明的JS,文件。rn当我点提交按钮,只是闪一下,什么也不提示。。。。。。。。rn谁帮忙解决下。
js中动态添加ul列表中的li
要实现的样式 html中的代码 js中的写法 注意:i是取值的个数,i%3表示按样式取3个值之后,在重新写一个ul         在迭代取值的时候,i-1表示取值的脚标
js动态添加与删除ul中的li
[*]11111111111111111 [*]22222222222222222 [*]33333333333333333 [*]44444444444444444 [*]55555555555555555 function del(n) { var s=document.getElementById('s'); var t=s...
关于动态触发JS事件
请问为什么不能动态触发点击事件呢??rnwindow.onload=function()document.getElementByID('poslink').click();rn我加了这个,但是没有执行事件处理程序噢~~rn请指教!~谢谢~~~
为什么不能触发Js事件
[code=HTML]rn rn rn rn rn <%=LinkName%>rn rn rn rn rnrn rn rn rn rn <%=LinkName%>rn rn rn rn rnrnrn[/code]rn[code=JScript]rn rn[code=HTML]rnLinkName = ""&TempName&""rn<%=LinkName%>rn[/code]rnrn这样写为什么不能触发事件? 还是我的javascript方法写错了?rnrn[/code]
ActiveX触发JS事件
照着VCKbase里杨老师的教材抄了一遍代码(地址是http://www.vckbase.com/document/viewdoc/?id=1539),大致内容就是用Atl支持连接点的方式做个ActiveX,接着我想在IE中将这个事件触发JS函数,JS脚本这么写的:rn rn但是callback怎么都没法触发,这个问题出在哪呢?rnResult是连接点,Add是ActiveX的一个方法
js事件只触发一次
设flag变量标识,避免聚焦时反复被触发,其他事件同理 var education = { "0": "普高/中职", "1": "大专", "2": "普通本科", "3": "985/211/双一流", "4": "硕士", "5": "博士" ...
js事件不能触发
document.getElementById("Text5").focus=function ()alert("g"); 当我点击Text5时没有弹出窗口
select触发js事件问题,,急,在线等
把我的功能要求描述一下:在select中选择客户名称之后,后面收费凭号select中的值动态变化。rn如果传递的客户名称是中文的话,Action中出现乱码。rn如果传递的不是中文,能得到相应的值,但是我如何将得到的值传到jsp页面上,(页面无刷新)rn首先我用select onchange一个事件rn客户名称:rn rn $m.valuern rn rn收费凭号rnrn rn $m.value.sfbh rn rn rnjs中如下rn[code=JScript]rnfunction khsf()rn createXMLHttpRequest();rnvar khname=$("#d_khname").val();rnvar url="user.do?hxh=khsf&khname="+khname;rn//document.location.replace(url);//如何选择使用这个跳转的话,Action中不会出现乱码rnXMLHttpReq.open("post", url, true);rnXMLHttpReq.onreadystatechange=callback;rnXMLHttpReq.send(null); // 发送请求rnrnfunction callback()rn var res=XMLHttpReq.responseText;rn alert(res)//如何选择的客户名称不是中文的话,能够输出相应的值rn[/code]rnAction中[code=Java]rn//根据传来的客户名称来获取客户的收费标准rnString khname = new String(request.getParameter("khname").getBytes(rn "ISO-8859-1"), "UTF-8");rn//我在配置文件中已经设置字符过滤类,可这里为何还是出现乱码rn //System.out.println("khname=" + khname);rn Map m = ud.khsf(khname);rn System.out.println(m);rn request.setAttribute("m", m);rn PrintWriter out=response.getWriter();rn out.print(m);rn[/code]rn请各位高手帮帮忙,找出出现乱码的原因,如果不出现乱码,如何将值传来页面!rn不知道我描述的是否明白。
js的onclick事件无法触发
今天帮别人写个小东西(搜索时智能提示),最后发现添加上的li无法触发click事件(FillData()方法),其他的mouseover mouseout等,都可以,我想,可能是我哪儿的ID重名了,但就是找不到,拿出来,希望大家能帮我看看错在哪儿!先谢了!rn[code=JScript]rnrnrn rn rnrnrn rn rn rn rnrnrn rn[/code]
如何动态添加li元素
html代码是这样的:rn rn 水果rn 西瓜rn 芒果rn 香蕉rn rnrn由于是一个导航,所以需要用到UL和LI,但是同时需要动态地查询数据库并添加和设定LI是什么东西和链接到哪个地址,请问使用ASP.NET如何做到动态添加LI元素呢?rn备注:数据库当中记录的是链接的地址和链接的名字而已。
动态添加删除li
这个功能的需求是这样的,接收人处显示多个用户名(是结果),在输入框输入完成后,回车键或者失去焦点,就去查询,查询结果出来后,通过点击加号再添到接收人处。这样中间有个验错的过程(如果操作的时候输入的用户名错了,可以不点加号,也就不会添加到接收人处)。带出姓名的本意是让操作人员检查一下查询出来的用户是不是要发送的用户,因为客服人员在...
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
动态添加的标签如何调用js事件
在<定制快报>中项目中遇到的问题:1、动态添加的标签无法绑定js事件函数?采2、动态添加的标签无法调用函数??
怎样动态添加控件???急急急!!!
我想在一个TextBox中输入一个数字,然后再在Panel中添加几个控件,rn怎么加啊?rn代码:rn private void numLoads_KeyPress(object sender, System.Windows.Forms.KeyPressEventArgs e)rn rn if(e.KeyChar==13)rn rn tryrn rn int n = Int32.Parse(numLoads.Text);rn for(int i=1;i
Jquery动态添加的li实现键盘控制li
这是动态添加li[code=javascript] //当键盘输入和焦点移动rn function down(str) rn var reg = /^(\w|[\u4E00-\u9FA5])*$/;rn //判断是否为中文、字母、数字rn if (str.match(reg)) rn $.ajax(rn type: 'GET',rn url: 'http://smartbox.gtimg.cn/s3/?r=' + Math.random() + '&q=' + str + '&t=all',rn dataType: 'script',rn success: function (data) rn if (str == "") rn $("#Div").addClass('none');rn else rn ch = new Array;rn ch = v_hint.split("^");rn $("li").remove();rn //判断返回的字符串是否为空rn if (ch != "N") rn $("#Div").removeClass('none block');rn $("#Div").addClass('block');rn $("#container").addClass('block');rn rn var old = new Array();rnrn for (i = 0; i < ch.length; i++) rn var obja = new Array();rn obja[i] = createObj(ch[i]);rn //截取股票名称最多6个汉字rn var gpN = obja[i].name;rn var gpN2 = gpN.substring(0, 6);rn //截取缩写长度rn var toup = obja[i].sx;rn //将名称的缩写格式化为大写字母rn var end = toup.toUpperCase();rn //将关键字格式化为大写字母rn var gjzU = str.toUpperCase();rn var qt = end.substring(gjzU.length, end.length);rn var gpS = end.substring(0, 7);rn //进行市场筛选rn var sc;rn switch (obja[i].sc) rn case 'sh':rn sc = "上海";rn break;rn case 'sz':rn sc = "深圳";rn break;rn case 'hk':rn sc = '港股';rn break;rn case 'us':rn sc = '美股';rn break;rn rn //关键字标红rn // var S = str.toUpperCase();rn // var SS;rn // if (gpS.indexof(s) > -1) rn // .replaceWith(""+S+"");rn // rn // var S = str;rn // alert(S);rn // $('#sx' + i + '').val().replace(S,'').val(gpS);rn $('#container').append(" " + obja[i].dm + "" + gpN2 + "" + gpS + "" + sc + "");rn $('#container li span').addClass('you');rn $('#dm' + i + '').addClass('dm margin_A');rn $('#mc' + i + '').addClass('mc margin_A');rn $('#sx' + i + '').addClass('sx margin_A');rn rn else rn $('#container').append(" 未找到符合条件的查询结果");rn rn rnrn //$('#li0').addClass('gl');rnrn ,rn error: function () rn alert("请求错误");rn rn );rnrn else rn $('li').remove();rnrn if (navigator.userAgent.indexOf('Firefox') > 0) rn $('#container').append(" 您输入的查询词有误");rnrnrn else rn $('#container').append(" 您输入的查询词有误");rnrn rnrnrn rn [/code]rn我想实现当按键盘的down和up键的时候可以对选中的li进行高亮[img=https://img-bbs.csdn.net/upload/201403/18/1395121263_945270.png][/img]rn因为li是动态添加的,所以默认将第一个li设为高亮是没有效果的 求助
js怎么获取li里面的值。急急急!!!
rn rn rn rn rn rn 删除 rn 查看 rn rn rnrnrnrnrn点击查看用rnjs怎么获取 的值?
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;
动态添加新元素事件无法触发解决方法
问题:想从后端把数据传给前端,然后ajax动态创建新元素,此时新创建元素的事件无法触发 解决办法:事件委托(jquery的on方法)1.刚开始事件的常规写法写法 $(".del")click(function(){ alert($(this).attr("book")); })2.事件委托的写法 //事件委托是通过事件冒泡的原理,利用父级去触发子级的事件。
js事件如何触发服务端事件?
js事件如何触发服务端事件?rnrn//页面rn下载数据rnrn//服务断rnprotected void ReturnData(object sender, EventArgs e)rnrn ...... rnrnrn如何实现单击“下载数据”后执行“ReturnData”这个事件
急急急!!!GridView无法更新数据!!!急急急
全部都是向导生成的,但无法跟新数据。手写代码不现实,因为GridView的数量很多很多。rnrn rn rn rn rn rn rn rn rn rn rn rn rn rn rn rn rn rn rn rn rn rn rn rn rn rn rn rn rn rn rn rn rn rn rn rn rn rn rn rn rn rn rn rn rnrnrnrnrnusing System;rnusing System.Data;rnusing System.Configuration;rnusing System.Collections;rnusing System.Web;rnusing System.Web.Security;rnusing System.Web.UI;rnusing System.Web.UI.WebControls;rnusing System.Web.UI.WebControls.WebParts;rnusing System.Web.UI.HtmlControls;rnrnpublic partial class UCs_ProductInfo : System.Web.UI.UserControlrnrn protected void Page_Load(object sender, EventArgs e)rn rnrn rnrnrnrn
JS问题急急急急急
我用IE8的开发人员工具边调试边执行页面的时候能JS能实现我要的效果,不调试的时候就不能了,谁遇到过这样的情况
无法动态链接库急急急
我在D盘有一个正常运行的wamp环境,当禁止启动后,cmd命令检测80端口没有被占用,然后我在E盘先安装了一个单独的Apache环境,又给Apache环境绑定了php环境,之后我就把E盘的Apache禁用,当我再开启D盘的wamp环境时就报错了,无法定位程序输入点php_checkuid于动态链接库php5ts.dll上。请大神们帮忙看看要怎么解决?
急急急,无法运行
#include"stdio.h"rn#include"stdlib.h"rn#define maxsize 5rnrntypedef structrnrnint *elem;rnint listlength;rnseqlist;rnrnvoid initlist(seqlist *l)rnrn (*l).elem=(int *)malloc(maxsize*sizeof(int));rn (*l).listlength=0 ;rnrnvoid print(seqlist *l)rnrnint i=0;rnfor(i=0;ilistlength;i++)rnprintf("%d",l->elem[i]);rnrnvoid inslist(seqlist *l,int x)rnrnint i=0;rnwhile(ielem[i]=x;rnl->listlength++;rni++;rnrnrnrn void main()rnrnint x;rnseqlist *l;rninitlist(l);rnscanf("%d",&x);rninslist(l,x);rnrnprint(l);rn
页面给<ul>动态添加<li>
一:页面 Insert title here 11 href="../assets/css/bootstrap.min.css" /> var checkers = ${checkers}; var rid = ${id}; console.log(checkers); function add() { for (var i = 0; i var
新手求助~~怎么用js动态添加按钮?~~急急急
我想用js来实现动态添加按钮,我在网上搜了一下,网上介绍了一种方法,但是实现不出来,求大神帮忙看看是什么问题rnrnrnrnrnrn rn 无标题文档rnrnrnrn rnrnrn
动态添加li链接列表的问题
[code="java"]rnfunction bulList(cat,myUrl)rn var myL = document.createElement("li");rn var myA = document.createElement("a");rn myL.appendChild(myA);rn myA.setAttribute = ("href",myUrl); //添加链接rn myA.appendChild(document.createTextNode(cat));//添加a标签内的文本rn return bulList; rn rn rnfunction topList()rn var topNav = document.getElementById("top-nav");rn var navLinks = bulList("aaa","/ddd/x.html") //调用上面那个bulList函数rn topNav.appendChild(navLinks);rn rnrnwindow.onload = topList;rn[/code]rn这是一个li的情况,有效的话我要添加多个li链接,但是页面上什么也没出现。rn请问应该怎么改?
JS事件、JS API
W3School:http://www.w3school.com.cn/jquery/jquery_ref_events.asp jqueryAPI:http://api.jquery.com/on/ http://jquery.cuishifeng.cn/ 1.bind()//3.0- bind() 方法为被选元素添加一个或多个事件处理程序,并规定事件发生时运行的函数。 $(selec
【求助】 下载Word时的等待窗口? 无法触发js事件 。。。。
[code=C#]rnpublic partial class DownFile : System.Web.UI.Pagernrn protected void Page_Load(object sender, EventArgs e)rn rn FileStream fileStream = new FileStream(Server.MapPath("readme.doc"), FileMode.Open);rn long fileSize = fileStream.Length;rnrn Response.ContentType = "application/octet-stream";rn Response.ContentType = "application/octet-stream";rn Response.AddHeader("Content-Disposition", "attachment; filename=\"" + HttpUtility.UrlEncode("readme.doc", System.Text.Encoding.UTF8) + "\"");rn Response.AddHeader("Content-Length", fileSize.ToString());rn byte[] fileBuffer = new byte[fileSize];rn fileStream.Read(fileBuffer, 0, (int)fileSize);rn fileStream.Close();rn Response.Write(fileBuffer);rn Response.End();rn rnrnrn[/code]rnrn----------------------------以上是下载页面。rnrnrnrn rn rn 等待中。。。。。。。。。。。。。。rn rnrnrnrnrn[code=JScript]rnrn rn[/code]rnrnrn--------------------------------------------------------------------------------rn下面有列表页中的一按钮,想执行一个文档转换,再提供下载,过程可能二三秒不定,看网络等多种因素。rnrnprotected void Button2_Click(object sender, EventArgs e)rn rnrn // Response.Redirect("DownFile.aspx");rn Page.ClientScript.RegisterStartupScript(Page.GetType(), "js", " ");rn processBarMask.Style.Add("display", "none");rn processBarMask.Visible = false;rn rn rnrn--------------------------------------------------------------------------------rnrn在调用下载页输出文件流后,服务器端却无法触发关闭等待table , 这个需求如何设计呢??。。
【js基础】JS事件处理程序
事件处理程序分类: 1. HTML事件处理程序 2. DOM0级事件处理程序 3. DOM2级事件处理程序 4. IE事件处理程序 5. 跨浏览器事件处理程序HTML事件处理程序(已被摒弃)DOM0级事件处理程序。将一个DOM对象的事件处理函数指向一个函数。 一般在事件流的冒泡阶段处理。 绑定事件处理程序。 var btn=document.getElementById(“
js 急急急!
function doLoadFlow(str)rn nodes=new Array();rn lines=new Array();rn eval(str);rn for(var i=0;nn!=null&&i
js 绑定事件急急急!!
我想给table的每个单元格绑定一个点击事件,触发这个事件需要弹出这个td的内容,,,请各位高手支招!!!
jsp(js):急急急
有一个主页面main,点击它的一个按钮打开了一个弹出页面child(用window.open 方式),当在那个弹出的页面上单击一个按钮又打开一个窗口child_child,我想让child_child替换掉child(child_child打开,child关闭)(默认的是替换掉main),rn
js问题 急急急!!!
这是样子rn[code=JScript]rn rn rn 1rn rnrnrn[/code]rn我想用js循环实现rn[code=JScript]rnfunction creatediv() rn rn for(var i=0;i<6;i++)rn rn var newli = document.createElement("li"); rn var str = document.createElement("div"); rn str.style.className="pic_index_li_num_box"; rn str.id = i; rn str.innerHTML=i+1;rn str.setAttribute("onfocus","bbb('11111111');"); rn newli.appendChild(str); rn var getul=document.getElementById("pic_index");rn getul.appendChild(str); rn rn rn[/code]rnrn我应该在么做?
js问题。。急急急
function xihuan() rn var selectId = event.srcElement.id;rn var shuzi = selectId.substr(2, 1); //得到数字rn var neirongId = "neirong" + shuzi + ""//得到内容的idrn if (neirongId!=null) rn var divId = document.getElementById("" + neirongId + "").innerHTML;rn var hotelId='<%=hotelId(""+divId+"") %>';rn <%=GetLikeNum(hotelId) %>rn rn rnrnrnrn后台: public int hotelId(string hotelName)rn rn int id = 0;rn DataTable dt = hotelbll.GetList("HoteLTitle=" + hotelName + "").Tables[0];rn if (dt.Rows.Count > 0)rn rn for (int i = 0; i < dt.Rows.Count; i++)rn rn id = Convert.ToInt32(dt.Rows[i][0].ToString());rn break;rn rn return id;rnrn rn elsern rn return 0;rn rn rn rnrn编译错误 rn说明: 在编译向该请求提供服务所需资源的过程中出现错误。请检查下列特定错误详细信息并适当地修改源代码。 rnrn编译器错误消息: CS0103: 当前上下文中不存在名称“divId”rnrn源错误:rnrn rnrn行 31: if (neirongId!=null) rn行 32: var divId = document.getElementById("" + neirongId + "").innerHTML;rn行 33: var hotelId='<%=hotelId(""+divId+"") %>';rn行 34: <%=GetLikeNum(hotelId) %>rn行 35: rn rn为什么啊??急急急!! 我定义了divId 了啊
js 急急急 。。
if (isNumberString(document.form1.name.value,"1234567890abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ_")!=1)rn rn alert("用户名只能由字母,数字或_组成,请重新输入!");rn document.form1.name.focus();rn return false;rn rnrn看这个代码帮我改下。。rn我要用户名只能由字母,数字,_,或中文汉字组成。。小弟急,请各位大哥,大虾们解决,分不多,rn帮帮忙谢谢。
js急急急
页面A:上面有一个链接,点击会跳出另外一个页面Brn页面B:如果此页面有,那么这个页面才出来。注:此页面是动态生成的!rnrn实现的效果,如果有那个input。那么我就打开B,如果没有,就拦截了。rnrn怎么写?
js问题 急急急!!!!!!!!!!!
[code=HTML]rnrnrnrn rn 无标题文档rn rnrnrn rn 用户名:rn rn 密 码:rn rn rnrnrnrnrn[/code]rnjs.js文件rn[code=JScript]rnfunction yanzheng()rnalert("用户名不能为空!")rn rnrnrn[/code]rnrnrnrn这里调用js文件的方法是报错 这是什么原因???rn
相关热词 c#检测非法字符 c#双屏截图 c#中怎么关闭线程 c# 显示服务器上的图片 api嵌入窗口 c# c# 控制网页 c# encrypt c#微信网页版登录 c# login 居中 c# 考试软件