zoukankan      html  css  js  c++  java
  • jQuery失效问题解决方案

    jQuery是广受大家的喜爱一款js框架,我们在使用Ajax去改变页面内容之后,页面中可能会加入新的标签。当我们想使用ready方法中已经注册的事件时,发现对新加入的标签不起作用了,这就需要为新加入的标签绑定事件。

    如果它的ID=a,那么之前在ready之中注册的事件就会失效。

    网页中存在如下代码:

    <div id="insertdiv"></div>

    <a href="#" id="ch1">Click</a>

    我们想在insertdiv中插入新的<a>那么有如下脚本:

    $(document).ready(function () {

    //插入一个标签

    $("#ch1").click(function () {

       $('<a id="new" href="#">NEW</a>').appendTo("#insertdiv");

    });

    //事先给该标签绑定了click事件处理代码

    $("#new").bind("click",function () {

       alert();

    });

    //该结果是click事件处理是无效的

    });

    解决方案如下:

    $("#ch1").click(function () {

       $('<a id="new" href="#">NEW</a>').appendTo("#insertdiv");

       $("#new").bind("click",function () {

       alert();

       });

    });

     

    这样子就可以了。。。

  • 相关阅读:
    poj 图算法
    类里二级排序函数使用
    数学题目(高斯消元)
    多校联合比赛部分题目
    poj 3007 & poj 3096
    优先队列
    hdu 各种 A + B
    几道数学题目
    今天下午
    Java常用的几种设计模式
  • 原文地址:https://www.cnblogs.com/colorfulkoala/p/2431513.html
Copyright © 2011-2022 走看看