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/

  • 相关阅读:
    英雄会 高校俱乐部 题解(均分01)
    win7下装ubuntu
    UVA10142/PC110108Australian Voting
    解决打不开jar包
    pc110301QWERTYU
    寒假的ACM训练三(PC110107/UVa10196)
    寒假ACM训练(二)
    寒假的ACM训练(一)
    『ORACLE』授予hr用户查看执行计划权限(11g)
    『ORACLE』SPM(下)-baseline实验(11g)
  • 原文地址:https://www.cnblogs.com/fanshuyao/p/6227176.html
Copyright © 2011-2022 走看看