點擊更改URL時阻止href =＃。

Question

我有一個鏈接跳轉到頁面的特定部分。

<a href="#secondPage/2" class="projectLink">Project Infomation</a> 

在點擊網址更改爲website.com/project.html#secondPage/2

我正在試圖防止＃secondPage/2被添加到URL。

我正在使用的當前腳本不起作用。

<script> 
    $('#secondPage/2').click(function(event 
    ){ 
     even.preventDefault(); 
    }); 
    </script> 

我在哪裏出錯了？

Answer 1

你沒有使用適當的jQuery選擇器來工作。 你既可以嘗試使用

$('a[href=#secondPage/2]').on('click',function(event){ 
    event.preventDefault(); 
}); 

OR

$('a.projectLink').on('click',function(event){ 
    event.preventDefault(); 
}); 

也可以添加一個ID你的鏈接，並使用它作爲您的jQuery對象的選擇。在這種情況下，你的HTML會是這樣的......

<a href="#secondPage/2" id="secondPage-2" class="projectLink">Project Infomation</a> 

和你的jQuery/JavaScript的將

$('a#secondPage-2').on('click',function(event){ 
    event.preventDefault(); 
}); 

Answer 2

你需要逃出/帶有雙反斜線與糾正你一起屬性選擇器。

$('a[href=#secondPage\\/2]').on('click',function(event){ 
    event.preventDefault(); 
}); 

要使用任何的元字符（諸如「＃$％&「（）* +，/ :; < => @ [] ^`！？{|}〜）作爲名稱的文字部分，必須用兩個反斜槓進行轉義：例如，一個id =「foo.bar」的元素可以使用選擇符$（「＃foo \\。bar」）

https://api.jquery.com/category/selectors/