php - jquery 和 php : how to load certain div item only on click

Question

我知道如何在点击时切换某个 div 项目，但是如果我不想加载某个项目怎么办？不只是隐藏在页面中，而是在点击之前才加载？

我知道

$(document).ready(function(){
   $('#item').click(function(){
          $('#item2').toggle();
   });
});

将加载所有内容，并且 #item2 仅在单击之前隐藏，但我不希望该项目隐藏，我不希望它在单击之前加载。我这样做是因为如果我有很多大文件，它会减慢页面速度。有没有办法做到这一点:单击#item，然后加载#item2？

Answer 1

您必须创建一个包含 div 内容的单独文件(在本例中为 pagesource.php)，然后使用 AJAX 进行异步加载。请参阅jQuery.get

$('#item').click( function() {
    // Load page the first time it is clicked (assuming the inner HTML of the div is blank)
    if( $('#item2').html() == '' ) {
        $.get( 'pagesource.php', function(data) {
            $('#item2').html(data);
        });
    }
    $('#item2').toggle();
});