Question

我正在制作一个网站作为我学习编码的项目。一篇小文章发布网站。在主页面上，我希望有5到6篇文章，其中包含不同类别的有限文本。我有一些与之相关的问题;

1-如何在单击创建新页面并使用JQuery重定向到该页面时创建“阅读更多”按钮。

2-我有一个简单的HTML表单，我可以通过它发表文章。我希望，每当我发布新文章时，它都会跳过较旧的文章，并采取其立场。

谢谢和问候，

Answer 1

如果单击创建新页面并使用JQuery重定向到该页面，如何创建“阅读更多”按钮。

您无法使用Javascript / jQuery创建新文件。 JavaScript在客户端运行。您可以通过发送AJAX请求将其保存到服务器，这样您就需要一些后端（服务器端）逻辑来执行此操作。

要在javascript中重定向到新文件/页面，请尝试：

// similar behavior as an HTTP redirect
window.location.replace("http://stackoverflow.com");

// similar behavior as clicking on a link
window.location.href = "http://stackoverflow.com";

我有一个简单的HTML表单，我可以通过它发布文章。我希望，每当我发布新文章时，它都会跳过较旧的文章，并采取其立场。

一个想法就是使用jQuery。想象一下，你有一些像这样的DOM结构：

<div id="post_container">
  <div id="post_1" class="post">
    <h2>Post Title 1</h2>
    <p>Post description 1</p>
  </div>
  <div id="post_2" class="post">
    <h2>Post Title 2</h2>
    <p>Post description 2</p>
  </div>
</div>

你可以在jQuery中使用类似

的东西

$( "#post_button" ).click(function() {
  // First generate the html structure with the data obtain from the posting form.
  var newPost = "<div id="post_3" class="post"><h2>Post Title 3</h2><p>Post description 3</p></div>";
  // You can prepend it to the post_container
  $("#post_container").prepend(newPost);
  // Or append it if you want different behaviour
  // $("#post_container").append(newPost);
});

如果您想删除较旧的帖子，可以使用较高的post_id隐藏div

来源：

http://api.jquery.com/prepend/

http://api.jquery.com/append/

http://api.jquery.com/category/manipulation/dom-insertion-inside/

如何限制文章并添加“阅读更多”按钮，单击该按钮会在Jquery中创建新链接？

1 个答案: