jquery对动态加载的li添加click事件，事件无法触发

jquery对动态加载的li添加click事件，事件无法触发时设置出现了问题，解决方法为：

1、新建html文件。

2、创建输入框和按钮。

3、预览效果如图。

4、接下来需要引入jqueryjs。

5、设置输入框 keydown 事件和click 事件。

6、按钮点击触发事件。

7、click按钮按下效果如图。

// 你好

// 由于你的 <li> 是动态生成的，你在使用 $ajax 的时候也没有指定 同步加载

// 所以可能是先执行了下面的 $("aclick") 绑定事件了

// 在 <a> 还没有生成的时候，就对齐进行绑定，因此是无效的

// 而且你的 <li> 是根据选择结果动态生成的，建议把你的绑定事件写到

// $("#proList")append("<li>"); 之后

// 去掉最后一个 $(document)ready 给 button 赋值的代码

// 改动你的 success:function(){} 如下

$each(result, function() {

var proName = thisproName;

// 这里循环定义 li 标签

var li = $("<li><a class='aclick' href='javascript:void(0);'>"+proName +"<a></li>");

// 然后再对该标签进行 click 绑定

liclick(function(){

$("#ele8")val(proName);

$("#emample8")hide();

})

// 这里 append 一个已经带有 click 事件的 li 就OK了

$("#proList")append(li);

});

你这个问题描述不是很清楚

你要写的span和select只有一个还是有多个？

你的span和select是射门关系？

<span>xxx</span>

<span>xxx</span>

<span>xxx</span>

<select>

<option>xxxx</option>

  <option>xxxx</option>

  <option>xxxx</option>

  <option>xxxx</option>

</select>

是这个结构还是其他结构

<span>aaaa, bbbb, cccc,dddd</span>

详细介绍：

>

('选择器')gantt({

source: source, //显示的数据，见下面分析

navigate: scroll, //显示成scroll还是buttons

months: [January, February, March, April, May, June, July, August, September, October, November, December],

dow: [S, M, T, W, T, F, S], //星期显示的语言

scale: weeks, //默认显示的粒度

maxScale: months, //最大显示的粒度

minScale: days, //最小显示的粒度

itemsPerPage: 18, //每页显示的数目

onItemClick: function(data) { //进度条显示的单击事件,data参见source定义

//alert(Item clicked - show some details + data);

},

onAddClick: function(dt, rowId) { //图表空白处的单击事件

},

如果你的获取节点的js是在head标签里面引入的并且没有添加onload事件

获取不到节点是正常的

废话不多说解决方法:

在节点加载完成过后引入js(即footer部分的标签引入js)

在head的js添加onload事件如果是jq只需要添加 $(document)read(function(){})这样也可以

可以添加的事件

windowonload=function(){//你的js代码}

$(document)read(function(){//你的js代码})

$(window)on("load",function(){//你的js代码})

触发获取动态数据的方法

获取动态数据list

清除select下面所有的选项

把获取的数据append到select下面

$('#id)change(function(){

       var val = thisvalue;

      documentgetElementById("selectId")optionslength = 0;

      if(val != null && val != ''){

       $post(url, {"temp": val}, function(data){

        if(data != null && datalength > 0){

         for(var i=0; i<datalength; i++){

          var o = data[i];

          $("#selectId")append("<option value='"+o[0]+"'>"+o[1]+"</option>");

         }

        }

        $("#selectId")selectmenu('refresh', true);//jqm 是动态加载的css 所以新增元素后 需要手动加载样式

       });

      }

      });

以上就是关于jquery对动态加载的li添加click事件，事件无法触发全部的内容，包括:jquery对动态加载的li添加click事件，事件无法触发、jquery通过class获取a标签里面的值，附给button，并且关闭d出框，怎么写呀、jquery如何动态加载span标签，select标签。等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！