Javascript JS函数只需单击一次即可触发两次

情景：

职能一：

$(document).on('click','.select_lens_prescp_option',function(){  ....       });

职能二：

  $(document).on('click','.lens_manual_change',function(event){
    // event.preventDefault();
    $('#lens_edit_manual_change_'+
    $(this).data('suborder')+",#contacts_prescription_manual_change_"+
    $(this).data('suborder')+
    ",#lens_save_manual_change_"+$(this).data('suborder')).toggle('slow');
  });

现在我想在class

lens\u manual\u change

的click event中执行相同的功能，但是尽管单击class

的event，选择\u lens\u prescp\u选项

$(document).on('click','.select_lens_prescp_option',function(){
  ....
  if(form.find('.lens_form_fields').is(':hidden')){
      form.find('.lens_manual_change').trigger('click');   // this is the step I performed
    }
});

---

问题：第一个函数被触发两次。

事件。内部事件处理程序中的stopPropagation（）函数将工作


$（'.first'）。在（'click'，function（）上{
警报（1）；
});
$（'.second'）。在（'click'，函数（事件）{
event.stopPropagation（）；
警报（2）；
});
。首先{
宽度：200px；
高度：200px；
背景色：白色；
}
.第二{
宽度：100px；
高度：100px；
位置：相对位置；
保证金：0自动；
顶部：50px；
背景色：黑色；
}

哪个“第一功能”、“功能一”或“功能二”？最好的办法是使用堆栈片段（工具栏按钮）提供一个堆栈。即使您不这样做，至少我们需要看到它所作用的HTML。