显示外部页面并在div中加载gif

| 我可以使div显示外部页面的内容，但不会显示加载的gif。任何人都可以更正我的代码。 TIA

<a href=\"javascript:void(0);\" id=\"load-extmsg\">blah</a>

<script type=\"text/javascript\">
$(document).ready(function(){
$(\'#load-extmsg\').click(function(){
    $(\"#extmsg\").load(\"blah.php\", function(){
        $(\"#ajaxLoader1\").remove();
    });
});
</script>

<div id=\'extmsg\'><img src=\"/images/ajaxLoader2.gif\" id=\"ajaxLoader1\"/></div>

经过一番尝试和错误之后，下面是正确的代码：

<a href=\"javascript:void(0);\" id=\"load-extmsg\">blah</a>

<script type=\"text/javascript\">
$(document).ready(function(){
$(\'#load-extmsg\').click(function(){
$(\"#ajaxLoader1\").show();
    $.post(\'blah.php\', function(data){
         $(\"#ajaxLoader1\").remove();;
         $(\"#extmsg\").append(data);
    })
});
});
</script>

<div id=\'extmsg\'><img src=\"/images/ajax-loader2.gif\" id=\"ajaxLoader1\" style=\"display:none;\" /></div>

已邀请:

2 个回复

磨标烫徽啪

我在这里没有问题。您正在加载程序的顶部。尝试做这样的事情：

$(\'#load-extmsg\').click(function(){
    $(\"#ajaxLoader1\").show();
    $.post(\'blah.php\', function(data){
         $(\"#ajaxLoader1\").hide();
         $(\"#extmsg\").append(data);
    })
});

添加一些CSS以隐藏加载图像：

#ajaxLoader1 {
    display: none;
}

赣借

我还要确保图像路径有效（完整性检查）单击后，是否还可以检查页面上是否实际在加载图像（ajaxLoader2.gif）。只需在FireFox中检查元素（带有Firebug）否则，如果图像在那里，则不会出现任何可能使其隐藏的样式问题。谢谢

要回复问题请先登录或注册

显示外部页面并在div中加载gif

2 个回复

发起人

jquery

html

ajax

问题状态

显示外部页面并在div中加载gif

与内容相关的链接

2 个回复

发起人

jquery

html

ajax

问题状态