exiavso 2017-08-19 02:21 采纳率: 100%
浏览 1616
已采纳

用ajax加载出来的标签不能使用jq效果

直接上代码直观一点

<html>
<head>
<meta content="text/html; charset=utf-8" http-equiv="Content-Type" />
</head>

<script src="jquery-1.10.1.min.js" type="text/javascript"></script>
<script>
$(document).ready(function(){

  $(".li a").click(function(){
  $(this).toggleClass("on");
  });

});
/*******************************/
function ajax()
{
    $('#ajax1').load("ajax.php");
}
/*******************************/
function loadXMLDoc()
{
var xmlhttp;
if (window.XMLHttpRequest)
  {// code for IE7+, Firefox, Chrome, Opera, Safari
  xmlhttp=new XMLHttpRequest();
  }
else
  {// code for IE6, IE5
  xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
  }
xmlhttp.onreadystatechange=function()
  {
  if (xmlhttp.readyState==4 && xmlhttp.status==200)
    {
    document.getElementById("ajax2").innerHTML=xmlhttp.responseText;
    }
  }
xmlhttp.open("GET","ajax.php",true);
xmlhttp.send();
}
</script>
<style>
.on {font-size:20px; font-weight:bold; color:#03C;}
</style>

<div class="ul">
  <div><input type="button" value="方法1" onclick="ajax()" /> <input type="button" value="方法2" onclick="loadXMLDoc()" /></div>
  <div class="li"><a href="javascript:void(0)">点击变大</a></div>  
  <div id="ajax1"></div>
  <div id="ajax2"></div>
</div>

<?php
$html = '<div class="li"><a href="javascript:void(0)">点击没反应</a></div>';
echo $html;
?>

有没有什么方法可以解决

  • 写回答

3条回答 默认 最新

  • Go 旅城通票 2017-08-19 06:25
    关注

    改为on,要不执行

     $(".li a").click(function(){
      $(this).toggleClass("on");
      });
        这句只会给已经存在的dom对象添加事件,后续的加进来的因为上面的已经执行过是不会绑定上事件的
    
        $(document).on('click','li a',function(){
          $(this).toggleClass("on");
        })
    
    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论
查看更多回答(2条)

报告相同问题?

悬赏问题

  • ¥15 有关sql server business intellige安装,包括SSDT、SSMS。
  • ¥15 目标检测算法移植到arm开发板
  • ¥15 利用JD51设计温度报警系统
  • ¥15 快手联盟怎么快速的跑出建立模型
  • ¥15 关于腾讯云服务器中,PHP页面无法打开的问题
  • ¥60 如何把照片修复成原始拍摄图
  • ¥80 Exited too quickly (process log may have details)
  • ¥15 爬知乎登录之后内容加载不出来
  • ¥15 怎么用protues测量通频带
  • ¥15 zepelin使用sparkInterpreter 异常