javascript - 如何防止 child 在整个跨度内发生点击事件？

Question

如何防止触发日历，不仅通过点击图标而且通过整个标签？在这种情况下，如果我试图在没有子选择器的情况下直接执行此操作，则它不起作用。

My implementation

HTML:

<div id="datetimepicker1" class="input-append date">
    <input type="text" disabled="true"></input> 
    <span class="add-on disabled">
      <i data-time-icon="icon-time" data-date-icon="icon-calendar"></i>
    </span>
</div>

JS:

  $(function () {
      $('#datetimepicker1').datetimepicker();

      $(".disabled").children().bind('click', function () {
          return false;
      });
  });

Answer 1

编辑:http://jsfiddle.net/vg4xa/1/

您必须在 datepicker init 之前设置您的事件处理程序，并停止事件传播:

$(function () {
    $('.disabled').bind('click', function(e){
        e.stopImmediatePropagation();
    });

    $('#datetimepicker1').datetimepicker();
});