Looping everytime event click JQuery

Question

Я создал код, который показывает только возможность нажатия на событие и т. Д.

Я столкнулся с трудностью, связанной с событием.

Может кто-нибудь мне помочь, в какой части я совершил ошибку. Потому что всякий раз, когда я нажимаю на событие, он всегда повторяется одновременно. Предположим, что я нажимаю кнопку в первый раз, когда предупреждение появляется только один раз, когда я нажимаю второй раз, когда предупреждение будет отображаться дважды.

$(document).ready(function() { 
    $('#button').click(function (e) { // Button which will activate our modal 
    $('#modal').reveal({ // The item which will be opened with reveal 
     animation: 'fade', // fade, fadeAndPop, none 
     animationspeed: 600, // how fast animtions are 
     closeonbackgroundclick: true, // if you click background will modal close? 
     // the class of a button or element that will close an open modal 
     dismissmodalclass: 'close' 
    }); 

    $("#gag").click(function() { 
     alert('This event will trigger only once!'); 
    }); 
    $("#fug").click(function() { 
     alert('This event will trigger only twice!'); 
    }); 
    }); 
}); 

Answer 1

$(document).ready(function() { 
    $('#button').click(function(e) { // Button which will activate our modal 
     $("#gag") 
      .unbind() 
      .click(
       function() { 
        alert('This event will trigger only once!'); 
       }); 
     $("#fug") 
      .unbind() 
      .click(
       function() { 
        alert('This event will trigger only twice!'); 
       }); 
    }); 
}); 

Это первый unbind() затем bind() и поэтому не будет дублировать события