Javascript 单击后会滚动到页面顶部

我有以下代码来切换切换按钮图像：

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

---

执行时，浏览器将转到页面顶部。为什么？

根据您提供的少量信息，如果浏览器滚动到顶部，则意味着您需要防止其默认行为

检查浏览器是否正在向当前URL添加“某物”

您可以这样防止：

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

  // prvent default behavior
  event.preventDefault();

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

---

查看jQuery以了解其工作原理的更多信息。

根据您提供的少量信息，如果浏览器滚动到顶部，则意味着您需要防止其默认行为

检查浏览器是否正在向当前URL添加“某物”

您可以这样防止：

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

  // prvent default behavior
  event.preventDefault();

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

---

有关jQuery如何工作的更多信息，请参阅jQuery。

您可能需要阻止您单击的任何元素的默认操作：

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

---

您可能需要阻止您单击的任何元素的默认操作：

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

---

我只能猜测，因为你没有发布你的html代码。您的两个元素很可能是

href=“#”

的链接。单击处理程序后，将触发常规操作，导航到站点（顶部）上的锚

#

尝试：

看看这是否有帮助。有关使用jQuery取消事件的更多信息，请参见：

---

我只能猜测，因为您没有发布html代码。您的两个元素很可能是

href=“#”

的链接。单击处理程序后，将触发常规操作，导航到站点（顶部）上的锚

#

尝试：

看看这是否有帮助。有关使用jQuery取消事件的更多信息，请参见：

---

我想你绑定了在锚定标签上单击并将href标记为#这样你就可以使用javascript的preventDefault（）了，比如：

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

---

我认为您绑定了在锚定标签上单击并将href标记为#，这样您就可以使用javascript的preventDefault（），比如：

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

---

发布按钮的HTML。是否有带有

href=“#”

的

元素？页面顶部是否有具有相同id的元素？为什么您知道接受答案？d同时发布按钮的HTML。是否有任何

元素具有

href=“#”

？页面顶部是否有具有相同id的元素？您知道为什么要接受答案吗？：D+1用于优化代码并使用最新的jQuery魔术和“开”；-）+1用于优化代码并使用最新的jQuery魔术和“on”；-）