jquery事件触发

ゝ一世哀愁。 2022-05-26 05:50 270阅读 0赞

今天遇到一个诡异的问题，也就是动态生成的html内容元素触发click事件，用on没有生效。苦思不得其解。

原来是没有写好，比如：

$(w).parent('td').siblings('td.operation').html('已试用<p><button class="btn btn-mini">取消</button></p>');这是动态生成的代码。

$('td.operation p ').on('click',' button',function(){...}）;我这样写就是不对的，要写成这样：

$('td.operation  ').on('click','p button',function(){});也就是动态加载的元素不能作为主体来触发事件。

<!DOCTYPE html>
    <html>
    <head>
      <style>
    
      div.m { color:blue; margin:8px; }
      </style>
      <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
    </head>
    <body>
    	<input type="text" name="you" value="hello "/>
      <div class="m"></div>
    <script>
        $("input").keyup(function () {
          var value = $(this).val();
          $("div.m").text(value);
        }).keyup();
    </script>
    </body>
    </html>

其中这句：   $("input[name=you]").keyup(function () {
          var value = $(this).val();
          $("div.m").text(value);
        }).keyup(); 可以写为：  $("input[name=you]").keyup(function () {
          var value = $(this).val();
          $("div.m").text(value);
        });   $("input[name=you]").trigger("keyup");

发表评论取消回复

表情：

评论列表（有 0 条评论，270人围观）

还没有评论，来说两句吧...

相关阅读

相关 JQuery（绑定事件/ 解除事件/触发事件/事件对象）

绑定事件 1.简单事件绑定： $(selector) .click(handler) 2.bind方式绑定： 1. bind(“c...

曾经终败给现在/ 2024年04月19日 09:41/ 0 赞/ 72 阅读

相关 jquery点击事件(jquery触发点击事件onclick)

jquery实现远程http的get请求用哪个事件？jquery ![jquery点击事件][jquery] jquery实现远程http的get请求用哪个事件？jq

系统管理员/ 2023年09月26日 15:01/ 0 赞/ 178 阅读

相关 jQuery自动触发事件trigger使用

有时候，需要通过模拟用户操作，来达到点击的效果，例如用户进入页面后就触发click事件，而无需主动点击。比如以下代码： <body> <a h

客官°小女子只卖身不卖艺/ 2022年08月14日 05:44/ 0 赞/ 246 阅读

相关 jquery事件触发

1.1．事件触发 trigger()在每一个匹配的元素上触发某类事件 mouseover鼠标悬停事件 $(“\btn”).live(click,function(

Bertha 。/ 2022年06月06日 06:38/ 0 赞/ 248 阅读

相关 jquery事件触发

今天遇到一个诡异的问题，也就是动态生成的html内容元素触发click事件，用on没有生效。苦思不得其解。原来是没有写好，比如： $(w).par

ゝ一世哀愁。/ 2022年05月26日 05:50/ 0 赞/ 271 阅读

相关 jQuery_触发事件

1.`click：$('div').click()` 2.trigger:触发事件，并且触发浏览器默认行为 $('form').on('click','btnSub

秒速五厘米/ 2022年05月20日 23:45/ 0 赞/ 254 阅读

相关 jquery鼠标右键触发事件

$("id").bind("contextmenu", function () { alert("点击了右键"); return fal

叁歲伎倆/ 2022年05月15日 12:46/ 0 赞/ 408 阅读

相关 jQuery触发a标签的click事件

<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <meta

男娘i/ 2022年05月08日 09:26/ 0 赞/ 702 阅读

相关 jQuery触发a标签的click事件

<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <meta

雨点打透心脏的1/2处/ 2022年02月24日 20:47/ 0 赞/ 603 阅读

相关 jQuery-触发change事件

1，修改select控件的value，会不会触发change事件？不会根据值（value）选中下拉框，不会触发change事件需要$('\pushTempType'

叁歲伎倆/ 2021年09月28日 00:58/ 0 赞/ 508 阅读