javascript événement personnalisé incendie à partir d'une fonction avec retour false

Question

J'ai le code suivant. et je dois empêcher la soumission du formulaire et après avoir déclenché un événement personnalisé. J'ai également écrit un javascript sur la fonction de soumission déclenchant cet événement, puis renvoyer faux, s'il vous plaît aider si je me trompe.

forme html:

<form class="form-inline" action="" name="filterform"> 
     <div class="row"> 
     <?php foreach($formatted_post_type as $filters){?> 
     <div class="checkbox"> 
      <label class="checkbox-inline" style="line-height:40px;"> 
      <input type="checkbox" name="filters[posttype][]" value="<?php echo $filters['slug']?>" onclick="refresh_posttypes();" /> 
      <?php echo $filters['name']?></label> 
     </div> 
     <?php }?> 
     </div> 
     <div class="row"> 
     <div class="col-md-12"> 
      <input type="submit" class="btn btn-primary btn-sm" value="Apply"> 
     </div> 
     </div> 
    </form> 

code javascript:

jQuery(document).ready(function(){ 
    jQuery('form[name="filterform"]').on('submit', function(e){ 
     jQuery(document).triggerHandler('favorites-update-all-lists', function(e){ 
      e.preventDefault(); 
    }); 
    return false; 
    }); 
    }); 

Answer 1

Essayez de déplacer e.preventDefault(); juste après le gestionnaire soumettre:

jQuery(document).ready(function(){ 
    jQuery('form[name="filterform"]').on('submit', function(e){ 
     e.preventDefault(); 

     jQuery(document).triggerHandler('favorites-update-all-lists', function(e){ 

     }); 
    return false; 
    }); 
    }); 

Answer 2

essayez avec ce

$(function() { 

    $('form[name="filterform"]').on('submit', function(e) { 
     $(document).triggerHandler('favorites-update-all-lists', function() { 
      e.preventDefault(); 
     }); 
    }); 

}); 

vous utilisez e dans les deux fonctions anonymes