デフォルトが正しく動作しないのを防ぐ

Question

addToCartボタンで製品を追加しないのにリンクのイベントをブロックしようとしていますが、正常に動作していない、リンクが有効になっています。何が問題なのでしょうか？ Thanksss !!!

$(document).ready(function(){ 
 
    function buyButtonVerify() { 
 
     $('.buy-button.buy-button-ref').on('click', function(ev){ 
 
      ev.preventDefault(); 
 
     }); 
 
    } 
 
    $('[name=text1], [name=text2]').keyup(function(){ 
 
     if($(this).val().length !=0){ 
 
      $('.buy-button').removeClass('enable'); 
 
      $('.buy-button').click(buyButtonVerify); 
 
     } 
 
    }); 
 
    $('[name=text1], [name=text2]').keydown(function(){ 
 
     if($(this).val().length !=0){ 
 
      $('.buy-button').removeClass('enable'); 
 
      $('.buy-button').click(buyButtonVerify); 
 
     } 
 
    }); 
 
    $('[name=text1], [name=text2]').focus(function(){ 
 
     if($(this).val().length !=0){ 
 
      $('.buy-button').removeClass('enable'); 
 
      $('.buy-button').click(buyButtonVerify); 
 
     } 
 
     
 
    }) 
 
});

<input type="text" placeholder="text 1*" name="text1" class="text1" data-target="previewText1" maxlength="11" /> 
 
<input type="text" placeholder="text 2*" name="text2" class="text2" data-target="previewText2" maxlength="11" /> 
 
<br /> 
 
<br /> 
 
<a target="_top" class="buy-button buy-button-ref" href="/redirect=true&amp;sc=1" style="display:block">Comprar</a>

Answer 1

あなたは間違ってクリックイベントをキャプチャしています。代わりにこれを使用してください。

$('.buy-button.buy-button-ref').on('click', function(e){ 
     e.preventDefault(); 
    }); 

親要素からではなく、クリックからイベントをキャプチャする必要があります。