Question

我的系统中有几个锚链接href="#"。我希望当点击锚点链接时，它只会返回到页面顶部，但是当我点击我的一个锚点链接时，它会打开一个新页面。

以下是我网站上的示例锚点链接：

<li><a href='#' onClick='deletePost()'> Delete </a> </li>

此delete链接位于profile.php上。在单击链接之前，URL将显示http://localhost/profile_page/AliceP，这与预期一致。但是，当我点击该链接时，该网址将更改为http://localhost/#，并将我转到新页面。除了执行通过onClick事件完成的PHP查询外，该链接不应执行任何操作。

我的表单元素仍然存在同样的问题：

<form action='#' method='post'>
    <input type='submit' class='btn btn-info' name='sendmsg' value='Send Message'/>
    <input type='submit' class='btn btn-info' name='addfriend' value='Add to Favourites'>
</form>";

我之前从未遇到过这个问题。

Answer 1

试试这样。这样，您可以将所有<a>元素与href="#..."绑定，以防止在点击时进行指向。

在您的表单中，您只需编写<form method="post">即可。

＆＃13;

$('a[href^="#"]').on('click', function(e){
  
  // Prevents from directing
  e.preventDefault();
  
});

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<a href="#" onclick="deletePost()">Delete me</a>
<a href="http://www.stackoverflow.com">This still redirects</a>

＆＃13;

a href =“＃”进入新页面

1 个答案: