用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;
?>

有没有什么方法可以解决

查看全部
exiavso
exiavso
2017/08/19 02:21
  • jq
  • js
  • php
  • ajax
  • jquery
  • 点赞
  • 收藏
  • 回答
    私信
满意答案
查看全部

3个回复