javascript - 触发 dayClick of fullCalendar with agendaDay view

Question

考虑这个 HTML

<tr class="fc-slot120 ">
    <th class="fc-agenda-axis fc-widget-header">4PM</th>
    <td class="fc-widget-content">
        <div style="position: relative;"></div>
    </td>
</tr>

单击 td.fc-widet-content 时，将按预期调用 dayClick 事件。我想将此功能扩展到有时间的 th，以便更轻松地进行超额预订。此代码确实会被调用，但不会触发 dayClick。

$('.fc-agenda-axis.fc-widget-header').click(function() {
    $(this).find('td.fc-widget-content').trigger('click');
});

关于如何触发内容 td 上的 dayClick 事件有什么想法吗？如果我直接点击 td.fc-widget-content 元素，dayClick 会按预期触发。

Answer 1

尝试使用 sibling

jQuery(document).ready(function($) {
   
    $('.fc-widget-header').click(function() {
      $(this).siblings('.fc-widget-content').trigger('click');
  });
     
    $('.fc-widget-content').on('click', function() {
      console.log('click')
      alert('.fc-widget-content clicked')
    })
});

.fc-widget-header {
  height: 100px;
  width: 100px;
  background-color: red;
  color:white
}

.fc-widget-content {
  height: 100px;
  width: 100px;
  background-color: blue;
  color: white;
}

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<table>
<tr class="fc-slot120">
    <th class="fc-agenda-axis fc-widget-header">4PM</th>
    <td  class="fc-widget-content">
         testt
        <div style="position: relative;"></div>
    </td>
</tr>
</table>