Проблемы с вызовом функции

Question

Я использую EditArea редактор. Есть функция: editAreaLoader.execCommand, она получает идентификатор редактора и команду с аргументами. Итак, код:

$(document).ready(function() {
   // Call go to line function after click at button
   $('#line_go').click(function() {
      console.log($('#line_to').val());
      editAreaLoader.execCommand('example_1', 'go_to_line', $('#line_to').val());
    });

    // Try to do the same but after loading of the page
    editAreaLoader.execCommand('example_1', 'go_to_line',$('#line_to').val() );
});

HTML:

<input type="edit" name="line" id="line_to" value="15" /> 
<input type="button" name="line_go" id="line_go" value="Go" />

Итак, при загрузке страницы ничего не происходит. Но когда я нажимаю на кнопку, редактор переходит к строке № 15 (или что-то еще, если я ее изменяю). console.log показывает 15.

Когда я обертываю execCommand (секунда, которая вызывается после загрузки страницы), например, с предупреждением, возвращается false.

Что там такого? Почему вызов после загрузки страницы возвращает false? Спасибо.

Answer 1

Похоже, $(document).ready(...) срабатывает до того, как ваш экземпляр EditArea завершит свою инициализацию.Когда вы запускаете событие click для #line_go, оно происходит после инициализации экземпляра EditArea и, следовательно, может получать информацию о нем или выполнять над ним какие-либо действия.