Question

当我使用它时，它会刷新我的整个页面，并且显示＆＃34;显示＆＃34; ：

$("#clickme").click(function() {
  $("#book").hide("slow", function() {
    document.body.innerHTML ='Show';
  });
});

如何阻止整个页面刷新我只想添加一行：Show？

Answer 1

您应该使用id放置span元素并更新该span的值。

  $("#span-id").html("");
  $( "#clickme" ).click(function() {
   $( "#book" ).hide( "slow", function() {
     $("#span-id").html("Show");
   });
  });

Answer 2

如果需要将文本附加到正文或元素，请使用jquery delete this.event.request.intent.slots.<slotname>.resolutions;方法。

append

Answer 3

我相信你的clickme元素是一个按钮，因此它会在页面上刷新。尝试一些东西而不是按钮，例如div。请参阅下面的代码和工作js小提琴演示。

示例Html;

<body>
<div id="book">
some books here
</div>
<div id="clickme">
click here
</div>
</body>

Javascript代码。我假设你已经引用了jQuery文件。

$( "#clickme" ).click(function() {
  $( "#book" ).hide( "slow", function() {
$("body").append("<p>Show</p>")

  });
});

JSFiddle演示：https://jsfiddle.net/qx3p578o/

Answer 4

您可以使用callback功能执行此操作。 $(selector).hide('slow', callback)。更多详情Click here

＆＃13;

$(function() {
    $("#clickme").click(function() {
      $("#test").hide("slow", function() {
        $('#load').html('<p>Show</p>');
      });
    });
});

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<p id="clickme">Click on it</p>
<div id="load"></div>
<p id="test">Paragraph with id attributes</p>

＆＃13;

Answer 5

尝试添加段落，其外观如下：

$("#clickme").click(function() {
  $("#book").hide("slow", function() {
    $("body").append("<p>Show</p>");
  });
});

并检查'clickme'按钮是否不是type =“submit”

显示＆＃34;显示按钮＆＃34;在Jquery函数完成之后

5 个答案: