Question

我有一个包含四个div的页面，我试图使用jquery加载。用户通过单击链接显示和隐藏div。目前，div的内容填充了PHP include语句，但这导致页面加载时间约为30秒。

我试图用JQuery替换那些include语句，以便在用户单击链接以显示或隐藏它时加载每个div的正确内容。我的问题是，当我点击其中一个链接来切换div时，div会出现但没有任何内容。我已经使用了Fiddler来确保请求已经关闭（它确实如此）但是响应将以404的形式返回。

然而，当我在Fiddler中检查响应时，预期的HTML就在那里，只是没有正确地传递给我的元素。我尝试过使用.load（）和$ .get（），但得到了相同的结果。我也确保我的元素名称也正确。代码如下：

$(document).ready(function()
  {  
$('#allvideos').click(function () {
    $.get("/wp-content/themes/Danceamatic/templates/all_videos.php", function(data) {
        var $resp = data;
        $( "#carrusel_all_videos" ).html($resp);
        alert("Load was performed.");
    });
    $('#current_showcase').hide();
    $('#carrusel_new_videos').hide(); 
    $('#carrusel_featured').hide(); 
    $('#carrusel_all_videos').show();
    $('#i_mentors').hide();         
    return false;
});

$('#featuredvideos').click(function () {
    $.get("/wp-content/themes/Danceamatic/templates/view_featured.php", function(data) {
        var $resp = data;
        $( "#carrusel_featured" ).html($resp);
        alert("Load was performed.");
    }); 
    $('#current_showcase').hide(); 
    $('#carrusel_all_videos').hide(); 
    $('#carrusel_new_videos').hide(); 
    $('#carrusel_featured').show();
    $('#i_mentors').hide();     
    return false;   
});
$('#newvideos').click(function () {
    $.get( "/wp-content/themes/Danceamatic/templates/new_videos.php", function( data ) {
        $( "#carrusel_new_videos" ).html( $.parseHTML(data) );
        alert( "Load was performed." );         
    });
    $('#current_showcase').hide(); 
    $('#carrusel_all_videos').hide(); 
    $('#carrusel_featured').hide(); 
    $('#carrusel_new_videos').show();
    $('#i_mentors').hide(); 
    return false;
}); 
$('#currentshowcase').click(function () {
    $('#carrusel_all_videos').hide(); 
    $('#carrusel_new_videos').hide();   
    $('#carrusel_featured').hide(); 
    $('#current_showcase').show();
    $('#i_mentors').show();
  });   
});

我在"var $resp = $data"行设置了断点，但根本没有打断点。

感谢任何帮助。谢谢！

Answer 1

网址"/wp-content/themes/Danceamatic/templates/all_videos.php"不正确。仔细检查发出此请求的javascript文件的位置，并检查php文件的位置。

如果位置似乎正确，那么可能是网址的结构 - 尝试：

"wp-content/themes/Danceamatic/templates/all_videos.php"或

"./wp-content/themes/Danceamatic/templates/all_videos.php"或

"../wp-content/themes/Danceamatic/templates/all_videos.php"。

JQuery .html（）没有从PHP返回get（）的结果

1 个答案: