它滾動到頁面頂部點擊

Question

後，我有這樣的代碼來切換開關按鈕圖像：

$("#invio_scatola_on, #invio_scatola_off").click(function(){ 
    $("#invio_scatola_off").toggle(); 
    $("#invio_scatola_on").toggle(); 
}); 

在執行時，瀏覽器轉到頁的頂部。爲什麼？

Answer 1

你可能需要防止你點擊任何元素的默認動作：

$("#invio_scatola_on, #invio_scatola_off").on('click', function(e){ 
    e.preventDefault(); 
    $("#invio_scatola_off, #invio_scatola_on").toggle(); 
}); 

Answer 2

根據您提供的少數信息，如果瀏覽器滾動到頂部，這意味着您需要防止其默認行爲。看到

檢查瀏覽器是否爲附加 「東西」 到當前的URL ...

可以防止像這樣：

$("#invio_scatola_on, #invio_scatola_off").click(function(event){ 

    // prvent default behavior 
    event.preventDefault(); 

    $("#invio_scatola_off").toggle(); 
    $("#invio_scatola_on").toggle(); 
}); 

見jQuery的event.preventDefault()更多有關它如何工作的信息。

Answer 3

我只能猜測，因爲你沒有張貼您的HTML代碼。很可能你的兩個元素是鏈接href="#"。點擊處理程序後，會觸發常規操作，導航到您網站上的錨點#（位於頂部）。

嘗試：

$("#invio_scatola_on, #invio_scatola_off").click(function(event){ 
    $("#invio_scatola_off").toggle(); 
    $("#invio_scatola_on").toggle(); 
    event.preventDefault(); 
}); 

，看看有沒有什麼幫助。更多關於事件使用jQuery取消此：

http://api.jquery.com/event.preventDefault/

Answer 4

我想你上錨綁定的點擊標籤與HREF爲＃所以，你可以使用的preventDefault（） of javascript like：

$("#invio_scatola_on, #invio_scatola_off").click(function(evt){ 
    evt.preventDefault(); 
    $("#invio_scatola_off").toggle(); 
    $("#invio_scatola_on").toggle(); 
});