2014-09-02 48 views
-1

我有一段JQuery代碼,當用戶點擊「Discard」按鈕/鏈接時,應該刷新頁面。它是這樣的:如何使按鈕的行爲像一個鏈接刷新頁面?

$('#Discard').click(function(event) { 
     window.location(); 
     event.preventdefault(); 
    }); 

如果我把這樣在我的網站的鏈接:

<a href="javascript:;" id="Discard">Discard</a> 

的JQuery的完美,它的工作。

但如果我這樣做,而不是那麼失敗,當我按一下按鈕沒有任何反應:

<input type="button" name="Discard" id="Discard" value="Discard"/> 

我寧願使用一個按鈕,因爲它會被旁邊放置一個提交按鈕。我該如何做這項工作?

+0

也許你只需要'location.reload(真);'http://jsfiddle.net/2cb8dbrk/ – JFK 2014-09-02 22:37:49

+0

你可以使用一個空的按鈕,但你需要使用type = submit – RST 2014-09-02 22:39:57

+0

@RST:我不同意檢查http://jsfiddle.net/20ejvgcy/和http://jsfiddle.net/2cb8dbrk/爲什麼它 – JFK 2014-09-02 22:40:55

回答

1

你可以給這對您的按鈕嘗試刷新

$('#Discard').click(function(event) { 
       var currentURL = document.URL; 
     window.location.href = currentURL; 
    }); 
+0

感謝鮑勃,它正是我所需要的。 – 2014-09-03 10:37:10

0

JS

$(document).ready(function() { 
    $('#discard').click(function (event) { 
     location.reload(true); 
    }); 
}); 

HTML

<input type="button" name="discard" id="discard" value="Discard"/> 
+0

有點機會主義,閱讀評論http://stackoverflow.com/questions/25633297/how-to-make-a-button-act-like-a-link-to-refresh-a-page#comment40050277_25633297 – JFK 2014-09-02 22:45:33

+0

我didn'但請閱讀評論。已經用了很多時間。 – 2014-09-02 22:48:35

+0

好吧,在回答之前閱讀評論(和之前的答案)是一個好主意,否則你給錯誤的印象 – JFK 2014-09-02 22:49:54