连续的鼠标输入功能不起作用

Consecutive mouseenter functions do not work

本文关键字：功能 不起作用 输入 鼠标 连续      更新时间：2023-09-26

我的代码如下

$("#hammock").mouseenter(function(){
     $("#changingtext").replaceWith("<p>My text goes here</p>")
     $("#changingtitle").replaceWith("<h2>Making The Site Easy to Use</h2>")
});


$("#pointer").mouseenter(function(){
    $("#changingtext").replaceWith("<p>my text goes here</p>")
    $("#changingtitle").replaceWith("<h2>Do Not Click The Wrong Button</h2>")
});

如果我悬停在#hammock上，它将工作，但如果我转到#pointer，没有任何变化。虽然如果重新加载页面，#pointer将工作，如果我鼠标先过它。

我如何得到它，以便悬停在#hammock之后，我可以悬停在#pointer上，它会改变文本?

This:

$('#changingtext').replaceWith("<p>my text goes here</p>");

完全删除了先前称为"changingtext"的元素。随后，您尝试定位它并更新文本将失败。

但是，你可以用与它的"id"共享的内容来替换它:

$('#changingtext').replaceWith("<p id=changingtext>my text goes here</p>");
总是对代码做一些实验是一个好主意，要么利用浏览器调试器，要么简单地在代码中添加console.log()调用。在本例中，这将向您显示您的"mouseenter"处理程序确实都在工作。
相关文章：