jquery中对动态生成的标签响应click事件（二）…与ajax交互使用

<script>
 jQuery(document).ready(function($) {

$(‘#clickme‘).bind(‘click‘, function() {
    $.ajax({
        type: "post",
        async:false,
        url: "ajax.jsp",
        data: { key: "Delete"},
        success: function (data) {
            $(‘#divContent‘).append(‘<div class="clickyou">Another target</div>‘);
            $(‘#systemExperimentDialog‘).dialog(‘open‘);
        }
        });

    });
    $(‘.clickyou‘).live(‘click‘, function() {
        alert("Live handler calledddss!dd!");
    });

});

</script>

<body>

    <div id="systemExperimentDialog" title="系统实验列表">
       <div id="divContent"></div>
    </div>

</body>

时间： 2024-12-12 00:40:31

jquery中对动态生成的标签响应click事件（二）…与ajax交互使用的相关文章

jquery中对动态生成的标签响应click事件（一）

参考自:http://my.oschina.net/lishixi/blog/31612 <script>jQuery(document).ready(function($) { $('#clickme').bind('click', function() { alert("sdfw"); var html = "<div class='clickyou'>Another target</div>"; $("#di

jquery中对动态生成的标签不会响应click事件

Jquery中对ajax动态生成的html标签不会响应 $(selector).click(function.. 或者$(selector).bind('click',function.., 需要用.live. 我们这样绑定元素的click事件,以后jquery动态生成的元素,click事件也有效. $('.clickme').live('click', function() { alert("Live handler called."); });

JQuery不能触发动态生成的html的click事件

//错误code$( function() { $(".addBtn").click( function() { addNode($(this)); }).end(); }) //动态生成html function addNode(cur) { if(cur.parent().has("ul").size() != 0) { cur.parent().children("ul:first&qu

动态生成DOM元素绑定click事件无效问题

在页面里,jq动态生成dom节点,该节点的click事件无效. 如,html里动态添加class名为.del的<a>, js文件中: $('.del').bind('click',fuction(){ alert('sda'); }) 不响应, 网上说可以用live代替bind事件,但在jq1.7版本开始,就取消了live事件, 解决方法: on()事件代码改为: $(document).on('click','.del',fuction(){ alert('sda'); }) 这样就搞定了

原生js怎么为动态生成的标签添加各种事件

这几天用zepto.js写了不少事件,突然想到一个问题,那就是原生的js如何给动态生成的标签添加事件?因为这些标签都是后来通过ajax或者运行其他点击事件生成的,那么如果之前给他们写事件他们这个dom对象是找不到的,jq通过事件委托解决了这个问题,但是原生js这个问题该怎么解决呢?我在网上查了很多资料,好像只有一种办法,那就是在生成标签并把标签添加到html结构中后再添加对于这个新标签的各种事件,如果有更好的方法,欢迎提出来. <!DOCTYPE html> <html lang=&qu

jquery无法为动态生成的元素添加点击事件的解决方法

遇到 jquery无法为动态生成的元素添加点击事件,谷歌一下,整理一下解决方法如下: (<li>中间的元素是动态生成的), 现在想为<i>添加点击事件, 例子如下: <div> <ul> <li> <span> <i class='icon'>这是元素内容</i> //i是动态生成 </span> </li> </ul> </div> 解决方法如下: $(docu

【转】HTML中A标签与click事件的前世今生

在动态网页中,常常需要在单击超链接时处理一些数据,而不是跳转一个网页.在这种情况下,通常有以下三种处理方式: 不设置<a>标签的href属性,只设置onclick属性.在这种处理方式下,通常超链接文本会和正文的文本以相同的形式出现,即不会有默认的下划线.当鼠标放在超链接上也不会显示小手的形状(除非为该超链接设置了CSS).因此,用户很难知道这是一个可以点击的超链接. 将<a>标签的href属性值设置为"#",并设置onclick属性.在这种处理方式下,用户可以

Firefox下代码触发a标签的click事件无效

通过一次导出功能是让自己如何一步一步掉坑最后又是怎么爬起来的在页面中通过document.createElement('a');创建一个a标签,然后给a标签的href属性赋url,通过代码触发a标签的click事件请求后台,在Chrome浏览器中请求正常,但是在Firefox中始终无效,debugger发现代码也走到了a.click()方法,但是就是没反应.代码如下: $.ajax({ url: Config.ApiUrl + "TZTZ/DowloadFile", type: &q

如何用按钮的click事件去触发a标签的click事件

在jQquery中,可以用如下方式触发input.a标签的click事件: <input id="my_input" /> <a id="my_a" href="http://www.XXXX.html"></a> $("#my_input").click(function () { //do something }); 或 $("#my_a").click(functi