jQuery刷新驗證碼是重新加載頁面

Question

請你看看這段代碼，讓我知道爲什麼#reload點擊事件重新加載整個頁面，而不是刷新#cap-img源？

<div class="form-group"> 
    <div class="input-group"> 
     <span class="input-group-addon" id="input-group-addon-captcha"><img id="cap-img" src="captcha.php"></span> 
     <input id="seo-captcha" name="" class="form-control" placeholder="Please Enter Text" type="text"> 
     <span class="input-group-addon seo-addon-right"><button class="btn btn-xs btn-q" id="reload"><span class="glyphicon glyphicon-refresh" aria-hidden="true"></span> 
     </button></span> 
    </div> 
</div> 

    <script> 
    $(function() {    
    $('#reload').click(function(){ 
    $('#cap-img').attr('src', 'captcha.php?' + (new Date).getTime()); 
    }); 
    }); 
</script> 

Answer 1

我假設按鈕是表單的一部分，表單默認情況下會將其作爲提交處理程序捕獲。這裏

$('#reload').click(function(e){ 
    e.preventDefault(); 
    $('#cap-img').attr('src', 'captcha.php?' + (new Date).getTime()); 
}); 

這個例子的Plunker：試試這個http://plnkr.co/edit/y62jdX6sGsU8IQFJPmDz?p=preview