Fullcalendar将图标添加到事件,而不是触发eventClick

时间:2014-11-04 12:13:45

标签: javascript jquery html fullcalendar

我正在尝试为活动添加自定义“选项”图标。我希望如果我点击此图标,会出现小工具提示。但是如果我点击这个图标,就会触发eventClick。

这是我的HTML

<div class="fc-event-content">
   <div class="fc-event-title" style="float: left">
     <div class="title_info" id="prvni_radek">Text on row one</div>
     <div class="title_info">Text on row two</div>
   </div>
   <div class="tecky"><img src="./image/tecky.png"></div>
</div>

我试过这个JS

<script>
$(".tecky").on("click", function(event){
  event.stopPropagation();
  alert("test");
});
</script>

event.stopPropagation();我在this文章中找到了,但它无济于事

2 个答案:

答案 0 :(得分:1)

尝试使用event.preventDefault()。它应该对你有帮助。

答案 1 :(得分:0)

如果event.stopPropagation()不起作用,请尝试下面的尝试

$( '#outer' ).click ( function ( event ) {
      if ( $( event.target ).is( '#inner' ) ) {
            //code if inner got clicked
      } else {
            //code if outer got clicked
      }
}