Ajax 在jQuery代码中添加微调器图像

我有一个jquery来显示div中的链接，而无需重新加载页面： jQuery代码：

<script type="text/javascript">
$(document).ready(function() {
    $("a").click(function(event) {
        // Prevent default click action if javascript is enabled
        event.preventDefault();
    //load the content of the new page into the content of the current page
    $("#content").load( $(this).attr("href") + " #content");
    })
});
</script>

$（文档）.ready（函数（）{
$（“a”）。单击（函数（事件）{
//如果启用了javascript，则阻止默认的单击操作
event.preventDefault（）；
//将新页面的内容加载到当前页面的内容中
$（“#内容”）.load（$（this.attr（“href”）+“#内容”）；
})
});

一切都很好，工作正常，但这太简单了！如何在代码中加载内容之前添加加载图像

---

第二个问题，加载后有没有办法在地址栏中显示新的页面链接？

您可以使用回调功能删除加载程序

<script type="text/javascript">
$(document).ready(function() {
    $("a").click(function(event) {
        // Prevent default click action if javascript is enabled
        event.preventDefault();
        //load the content of the new page into the content of the current page
        $('#loader').show(); // Show some hidden loader on the page
        $("#content").load( $(this).attr("href") + " #content", function() {
            $('#loader').hide(); // Hide the loader when it completely loads the given URL.
        });
    })
});
</script>

$（文档）.ready（函数（）{
$（“a”）。单击（函数（事件）{
//如果启用了javascript，则阻止默认的单击操作
event.preventDefault（）；
//将新页面的内容加载到当前页面的内容中
$（“#加载程序”）.show（）；//在页面上显示一些隐藏的加载程序
$（“#内容”）.load（$（this.attr（“href”）+“#内容”，函数（）{
$（“#加载程序”）.hide（）；//在加载程序完全加载给定URL时隐藏该加载程序。
});
})
});

---

对于你的第二个问题，这应该是答案

您可以使用回调功能删除加载程序

<script type="text/javascript">
$(document).ready(function() {
    $("a").click(function(event) {
        // Prevent default click action if javascript is enabled
        event.preventDefault();
        //load the content of the new page into the content of the current page
        $('#loader').show(); // Show some hidden loader on the page
        $("#content").load( $(this).attr("href") + " #content", function() {
            $('#loader').hide(); // Hide the loader when it completely loads the given URL.
        });
    })
});
</script>

$（文档）.ready（函数（）{
$（“a”）。单击（函数（事件）{
//如果启用了javascript，则阻止默认的单击操作
event.preventDefault（）；
//将新页面的内容加载到当前页面的内容中
$（“#加载程序”）.show（）；//在页面上显示一些隐藏的加载程序
$（“#内容”）.load（$（this.attr（“href”）+“#内容”，函数（）{
$（“#加载程序”）.hide（）；//在加载程序完全加载给定URL时隐藏该加载程序。
});
})
});

对于你的第二个问题，这应该是答案