Javascript Ajax加载：调用回调，但内容未加载到div中

我在外部javascript文件中定义了以下两个函数：

function show_sidebar_left(url, sb_width, sb_time){
    $('#sidebar_left').css({'left':-sb_width, 'width': sb_width}); 
    $('#sidebar_left').animate({"left":"0px"}, sb_time, function(){
        $('#sidebar_left').load(url, function(){
            alert("test");
        });
        $('#sidebar_left').addClass('sidebar_left_open');
    });
    $('#overlay').fadeIn(200);
}

function hide_sidebar_left(speed){

    var sidebar_left_pos = parseInt($('#sidebar_left').css('width'),10) + 20;
    $('#sidebar_left').html('');
    if($('#sidebar_left').hasClass('sidebar_left_open')){
        $('#sidebar_left').animate({"left":'-' + sidebar_left_pos + 'px'}, speed, function(){
            $('#sidebar_left').removeClass();
        });
        $('#overlay').fadeOut(200);                
    }

}

这是一个滑动div，我想用一个外部php文件的内容填充它，该文件只包含一些html标记。 我使用以下命令调用该文件：

    $('#bars_tb_search').click(function(){
        show_sidebar_left('http://www.zwoop.be/develop/home/bars/bars_toolbox/toolbox_search.php', 550, 300); 
        });

div按预期正确滑动，以便正常工作。 正确调用Ajax加载的回调函数中的警报。 但是我的div没有加载，我在googlechrome的元素检查器中检查了它

控制台没有指示与此加载有关的Javascript错误。 你知道我的问题是什么或者我做错了什么吗

编辑 在图中，它显示了应用的css样式

调整页面大小时，现在会发生以下情况：

这对你有意义吗？我正在失去信心

编辑2

加载的页面不包含额外的css，它是一个带有静态html的php页面：

<p style="text-align: center">
    <i>
        Note that these filters are applied on top of the results, already filtered by the search categories and tags.
    </i>
</p>
<p style="text-align: center">
    <i>
        To filter on <b>all</b> bars, you can remove the previous filters here: 
    </i>
</p>

---

调用脚本是否也在www.zwoop.be上？可能是SOP问题相同来源政策。加载的内容是否在同一个域和子域中，您是否使用与当前页面相同的http协议？@Archer:是的，它在同一个域中。@devnull:我刚刚测试了完整的链接，如果我访问此链接，它显示在我的web浏览器中…打开的class.sidebar\u left\u是否有一些CSS含义，可能会使内容不可见？