jQuery - функция работает нормально при нажатии div, но не при загрузке страницы

У меня есть следующая функция, которую я хочу запустить при загрузке страницы и перезапустить, когда вы нажмете div # trigger. Когда вы нажимаете div # trigger, все в порядке. Тем не менее, при загрузке страницы код иногда работает, но иногда возвращает неправильное количество, и предупреждение (которое я просто вставил туда для целей отладки) никогда не срабатывает. Спасибо

  function textIndentFunc () {

     textString = $('#from-1 :selected').text();

     $('#hidden').text(textString);

     textWidth = $('#hidden').width();

     inputWidth = $('#from-1 select').width();

     indentMy = (inputWidth / 2) - (textWidth / 2);

    $('#from-1').css('text-indent',indentMy);

}

 $('#trigger').click(function(){
    textIndentFunc();
    alert('fire');
 });

textIndentFunc();

ОБНОВЛЕНИЕ - я должен был упомянуть этот код работает на document.ready.

ОБНОВЛЕНИЕ - перемещение кода в window.load ничего не меняет.

Ответы на вопрос(5)

Ваш ответ на вопрос