hrefにハッシュが含まれている場合にリンクをブロックする方法はありますか？

Question

条件が動作していれば、それ以外の場合は動作しません。

(function($){ 
    $(".single-product a").on("click", function(e){ 
    var link = $(".single-product a").attr("href");  
    if(link == "#"){ 
     e.preventDefault(); 
     }else{ 
     return true; 
     } 
    }); 

}(jQuery)); 

Answer 1

これを試してみましたか？それはあなたのjQueryライブラリであるかもしれないのattrに小道具使用はattribute contains selector [name*=”value”]で

$(document).on("click",".single-product a", function(e){ 
    var link = $.trim($(this).prop("href")); 
    (link == "#") ? e.preventDefault() : ''; 
}); 

Answer 2

高いです：

$('.single-product a[href*="#"]').on('click', function (e) { 
 
    e.preventDefault(); 
 
});

<div class="single-product"> 
 
    <a href="https://www.google.com#foo">With #</a> 
 
</div> 
 

 
<div class="single-product"> 
 
    <a href="https://www.google.com">Without #</a> 
 
</div> 
 

 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>