javascript - 子供と一緒にスパン全体でクリックイベントを防ぐ方法は?

Question

アイコンをクリックするだけでなく、タグ全体をクリックしてカレンダーをトリガーしないようにするにはどうすればよいですか? この場合、子セレクターを使用せずにこれを直接実行しようとすると、機能しません。

私の実装

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();
});

Answer 2

この回答が件名に対して機能しないことはわかっていますが、問題の説明には日付ピッカーがあり、次のコードが機能して、スパンまたはカレンダーアイコンのクリックで日付ピッカーが開かないようにします

    if (disable) {
        $('#datetimepicker1').datepicker('_detachEvents');
        $('#datetimepicker1').datepicker('_detachSecondaryEvents');
    } else {
        $('#datetimepicker1').datepicker('_attachEvents');
        $('#datetimepicker1').datepicker('_attachSecondaryEvents');
    }