Question

我的代码如下

$("#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上，它会更改文字？

Answer 1

此：

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

完全抹杀了以前称为＆＃34;更改文字＆＃34;的元素。随后，您尝试找到它并更新文本将失败。

但是，您可以将其替换为与其共享＆＃34; id＆＃34;：

的内容

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

通过利用浏览器调试器或只是向代码添加console.log()调用，总是总是对代码进行一些实验。在这种情况下，可以向您显示您的＆＃34; mouseenter＆＃34;处理者确实都在工作。

连续的mouseenter功能不起作用

1 个答案: