URLを変更するにはhref =＃をクリックしないでください。

Question

私は、ページの特定の部分にジャンプするリンクを持っています。 website.com/project.html#secondPage/2へのURLの変更をクリックし

で

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

私はURLに追加された＃1 secondPage/2を防ぐためにしようとしています。

現在使用しているスクリプトが機能していません。

<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"）を使用できます。

even.preventDefault（） `上で不足している

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