jquery对动态加载的li添加click事件,事件无法触发时设置出现了问题,解决方法为:
1、新建html文件。
2、创建输入框和按钮。
3、预览效果如图。
4、接下来需要引入jquery.js。
5、设置输入框 keydown 事件和click 事件。
6、按钮点击触发事件。
7、click按钮按下效果如图。
输入$('ul li').click(function(){// TODO})
利用jQuery动态获取点击事件:
打开HBuilder开发工具,创建Web项目,并在web项目指定目录下新建静态页面,引入核心js,
插入可以 *** 作的DOM元素,在<body></body>插入div和ul元素,并给ul属性id,
在ul下方插入一个按钮button,设置id和class属性,引入样式文件,
在jquery初始化函数内编写按钮点击事件,动态向ul中插入li元素,并在li元素插入a标签,a标签有点击事件,
编写完毕后,预览该静态页面,点击“添加”按钮,发现报错,
检查js代码,发现a标签点击事件传参时单双引号出错,修改之后再次预览。
思路:为li对象添加单击事件→事件触发后利用innerHTML获取li的文本。实例演示如下:1、HTML结构GlenTaneJohnRalph2、javascript代码window.onload = function(){var obj_lis = document.getElementById("test").getElementsByTagName("li")for(i=0i欢迎分享,转载请注明来源:内存溢出
评论列表(0条)