如何阻止鏈接，如果其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

你試過嗎？使用道具對ATTR它可能是你的jQuery庫較高

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

Answer 2

隨着attribute contains selector [name*=」value」]：

$('.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>