Question

我目前正在使用jquery构建一个网站。我发现了一个脚本，当我点击它之外时，它会使我的div（内容为id）隐藏起来。我有链接，将显示div，然后将html设置为我指定的内容。我唯一的问题是，一旦我选择了一个触发html更改的链接，然后在div外部单击，我将选择另一个链接，只显示初始触发器的html！

如何强制脚本显示正确的相应html？

我使用以下代码设置所述div的值：

<script>

$("#projects").click(function () {

  $("#content").replaceWith( "This should display the projects!" );

});

</script>

<script>

$("#resources").click(function () {

  $("#content").replaceWith( "This should display the resources!" );

});

</script>

<script>

$("#contact").click(function () {

  $("#content").replaceWith( "This should display the contact information!" );

});

</script>

Answer 1

replaceWith方法将“用提供的新内容替换匹配元素集中的每个元素”。（来自文档）。

这意味着在您调用它之后，页面中不再有ID为“content”的div - 它已被替换！

您可能正在寻找的是html（）方法：

http://api.jquery.com/html/

使用示例：

$("#contact").click(function () {

  $("#content").html( "This should display the contact information!" );

});

Answer 2

没有100％明确你想做什么，

尝试使用以下内容更改$.replaceWith()功能：

$('#content').empty()
    .html('The is all the contact / resource / project information you want to display');

重置div的html值的问题（jquery）

2 个答案: