AJAX jQuery click приводит к тому, что событие функции запускается дважды

Question

У меня есть модуль чата AJAX в Drupal, и я пытаюсь вставить теги BBCode tex в поле отправки, когда пользователь нажимает Insert Tex. Мне удалось заставить следующий код работать в первый раз, но потом, когда я нажимаю Insert Tex, он вставляет теги tex три раза.

$('#edit-chatroom-message-entry-submit').click(function (e) {
  e.preventDefault();
  e.stopPropagation();
  if ($('#edit-chatroom-message-entry-box').val()){
    Drupal.chatroom.postMessage($('#edit-chatroom-message-entry-box').val());
    $('#edit-chatroom-message-entry-box').val('').focus();
  }
});

$('#edit-chatroom-tex-submit').click(function (e) {
  e.preventDefault();
  e.stopPropagation();
  $('#edit-chatroom-message-entry-box').val($('#edit-chatroom-message-entry-box').val() + '[tex][/tex]');
});

Буду признателен, если будет предложено сделать код работающим должным образом.

Answer 1

Если я правильно понимаю ваш код, вам нужно это:

var chatbox = $('#edit-chatroom-message-entry-box');
var value = chatbox.val();

if (value.indexOf('[tex][/tex]') == -1) {
    chatbox.val(value + '[tex][/tex]');
}

Answer 2

Установка позиции каретки в 0 в jquery устранила проблему: каретка (0);