zoukankan      html  css  js  c++  java
  • Jquery方法load之后导致js失效解决方法

    Jquery方法load之后导致js失效解决方法

    >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>

    蕃薯耀 2015年9月11日 10:41:36 星期五

    http://fanshuyao.iteye.com/

    现在有两个页面,一个是a.html,一个是feeds.html,现在在a.html页面引入js文件,其中js文件有一个方法,方法的内容是在a.html页面id为feeds的div加载feeds.htlm页面的内容,如下

    $("#feeds").load("feeds.html");

    feeds.htlm页面的某个内容

    <li>
    			<a class="abtnSupportListContent" href="javascript:void(0);"  data-jsp="responsibility.jsp">
    				客户使用燃气的权利、责任和义务,燃气供应的责任和义务。
    			</a>
    			<p class="support-list-content"></p>
    		</li>

    但是,加载进来后,a.html的页面的js方法(绑定abtnSupportListContent的click方法)没有起作用

    $(".abtnSupportListContent").click(function(){
      //……
    );

    解决方法:

    不使用load方法,改成get方法,将得到的data放进div中,然后再下面再声明click事件

    (使用load方法,然后在后面绑定也是不行的,只能使用get,post应该也行。)

    $("#supportList").html(data);
    $(".abtnSupportListContent").click(function(){
      //……
    );

    注意的是:click事件不能放在get方法外面,试了一下,也不起作用。

    >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>

    蕃薯耀 2015年9月11日 10:41:36 星期五

    http://fanshuyao.iteye.com/

  • 相关阅读:
    Win10下 Docker Flask实例
    4.1 线性映射的概念
    桥梁的基本组成和分类
    Qt5字符串编码转换学习
    在右键菜单中添加用Jupyter Notebook打开
    左右手(直角)坐标系叉乘计算公式
    __new__方法与单键实例
    向量组的秩
    从线性组合的角度理解三维运算
    Hexo使用小结
  • 原文地址:https://www.cnblogs.com/fanshuyao/p/6227176.html
Copyright © 2011-2022 走看看