href =“＃”轉到新頁面

Question

我的系統中有幾個帶有href="#"錨鏈接。 我希望單擊錨點鏈接時，它只會回到頁面頂部，但是當我單擊其中一個錨點鏈接時，它將打開一個新頁面。

這是我網站上的示例錨鏈接：

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

可以在profile.php上找到此delete鏈接。 按預期，在單擊鏈接之前，URL將讀取http://localhost/profile_page/AliceP 。 但是，當我單擊鏈接時，URL將更改為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"> 。

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

 <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>