时间戳

首页 > 解决方案 > jQuery ajax laod 脚本不加载

javascript - jQuery ajax laod 脚本不加载

问题描述

当页面的内容加载正常，但是当在 AJAX 加载的另一个页面的内容中找到的 div 标签时，javascript 不能在这个 div 上工作，

<?php //somePhpHere ?>
<!DOCTYPE html>
<html lang="en">
<head>
//bla blah

  <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
    <script src="../js/scripts.js"></script>

    <script >
  $(document).ready(function(){
  $("#tableSearch").on("keyup", function() {
    var value = $(this).val().toLowerCase();
    $("#myTable tbody tr").filter(function() {
      $(this).toggle($(this).text().toLowerCase().indexOf(value) > -1)
    });
  });
});
</script>

</head>
<body>
   <ul class="list-unstyled">
       <li><a href="#" class="waves-effect" id="spde">Supervisor Details</a>
       </li>
       <li><a href="#" class="waves-effect" id="spre">Supervisor Registration</a>
       </li>
    </ul>

    <div class="jscontent" style="padding-top:100px">

    </div>
</body>
</html>

这是 .js 文件

$(document).ready(function(){

    $('.jscontent').load('contetntco.php #home');
    $('a').click(function(){
        var clickedLink1 = $(this).attr('id');
        $('.jscontent').load('contetntco.php #' + clickedLink1);
    })
});

内容页


<div id="cmde">          
    <input class="form-control mb-4" id="tableSearch" type="text">

<table id="myTable" >
//bla bla
</table>
</div>

当页面的内容加载正常，但是当在 AJAX 加载的另一个页面的内容中找到的 div 标签时，javascript 不能在这个 div 上工作，

标签： javascriptjqueryajaxload

解决方案

推荐阅读