Question

我想使用load将外部html加载到我的实际html，但不是由click触发。我想在文档ready事件的页面上加载它。我确实喜欢这个，但jquery并不适用于加载的内容。

<script>
$(document).ready(function(){ 

     $( "#rezervations" ).load("http://websoftit.ro/wayoutz/calendar.php");

});
</script>

我的意思是内容已加载，但主文档中的jquery对加载的内容不起作用。适用于已加载内容的脚本示例

<script>
 $(".table").on("click", "td", function() {
     $(this).closest("tr").siblings().removeClass("td_select");
    $(this).toggleClass("td_select");
   });

</script>

Answer 1

我已经检查了它，你的代码没有问题，它的工作正常，只需检查你是否有特殊的div与id rezervations。

$(document).ready(function(){ 
    $( "#rezervations" ).load("http://websoftit.ro/wayoutz/calendar.php");
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<div id="rezervations">HELLO</div>

此致

Answer 2

好的，你可能需要写如下：

$( "#rezervations" ).load("http://websoftit.ro/wayoutz/calendar.php",function(){
       $(".table").on("click", "td", function() {      
             $(this).closest("tr").siblings().removeClass("td_select"); 
             $(this).toggleClass("td_select"); 
       });
     //Your other initialization here
});

Answer 3

加载标题的示例：

$(document).ready( function(){
$("header").load("http://localhost/js/header.html", function() {
    $('body').trigger('headerReady');
});
});

来自api：https://api.jquery.com/trigger/，然后

$('body').on('headerReady', function(){
//do ur stuff here 
});

如何加载外部html并使其与jquery一起使用

3 个答案: