Tengo una función jQuery cuando hace clic en un botón con una clase particular en un documento, ejecutará algo. Ex. abajo.
$(document).on('click', '.tambah', function(){ alert('tombol tambah telah ditekan'); }) <link href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" rel="stylesheet"/> <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <button type="button" class="btn btn-md btn-success tambah">+ tambah</button>Digamos que están en el mismo script llamado 'script.php'. Cuando llamé al script una vez, la función de hacer clic en esa clase se ejecutará una vez, pero cuando llamé al script nuevamente, cuando hice clic en el botón, se ejecutó dos veces. ¿Cómo evitar que ejecute más de uno?
Si está llamando a una función que realiza el enlace, entonces puede acumularse. En un caso como este, normalmente se "desvincularía" primero
$(document).unbind('click').on('click', '.tambah', function(){ alert('tombol tambah telah ditekan'); });event.stopImmediatePropagation(); [docs] debería hacer el truco
$(document).on('click','.tambah',function(event){ alert('tombol tambah telah ditekan'); event.stopImmediatePropagation(); }); $(document).on('click','.tambah',function(event){ alert('tombol tambah telah ditekan'); event.stopImmediatePropagation(); }); <link href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" rel="stylesheet"/> <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <button type="button" class="btn btn-md btn-success tambah">+ tambah</button>