.click()函数与ajax一起使用

时间:2012-12-09 18:25:43

标签: javascript jquery html ajax

JavaScript的:

<script>

$('#alink').click(function () {
     $("#loading").ajaxStart(function(){
    $(this).show();
 }).ajaxStop(function(){
    $(this).hide();
 });

$('#aresult').load('content2.html', function() {
 $('#successdata').html('100% loaded');
});
 });
 </script>

HTML:

<a href="#" id="alink">click me</a>
<div id="aresult"></div>

此代码有什么错误? 我想在用户点击加载图片的鼠标时加载ajax调用页面

1 个答案:

答案 0 :(得分:5)

我会这样做,并避免全局的ajax事件:

<script type="text/javascript">
    $(function() {
        $('#alink').on('click', function () {
             $("#loading").show();
             $('#aresult').load('content2.html', function() {
                 $('#successdata').html('100% loaded');
                 $("#loading").hide();
            });
        });
    });
</script>

还记得document.ready功能等。