クリックイベントがトリガーされていません - jQuery

Question

$(document).on('click', 'a', function(){ 
    e.preventDefault(); 
    alert(yes); 
}); 

<a href="#" class="button is-primary" data-toggle="modal" data-id="modal-create-news" style="background-color: #262331 !important;"><i class="fa fa-pencil"></i>&nbsp; Create Announcement</a> 

ボタンをクリックすると、ページがリフレッシュされるため、クリックイベントは発生していません。その理由はわかりません。

Answer 1

Jquery CDNを追加する必要があります。また、関数内にローカル変数 'e'を宣言する必要があります。さらに、yesが変数として宣言されていません。私はそれがアラートをテストすることだと思います。私はそれを文字列として入れます。

$(document).on('click', 'a', function(e){ 
 
    e.preventDefault(); 
 
    alert("yes"); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<a href="#" class="button is-primary" data-toggle="modal" data-id="modal-create-news" style="background-color: #262331 !important;"><i class="fa fa-pencil"></i>&nbsp; Create Announcement</a>