JavaScript Array ведет себя по-разному

Question

JavaScript Array ведет себя по-разному

0

У меня html как

<div id="MAC_Allocation_Heading">
               <span style="position:relative;left:2%;"> 
                   MAC Allocation
               </span> 
               <span style="position:relative;left:9%;"> 
                  <label>Quantity</label>
                  <input type="text" style="width:40%" name="txtMACNeededAllocations"/>
               </span> 
  </div>

Теперь в моем.js файле у меня есть глобальный массив как

var user_entry = [$("#MAC_Allocation_Heading input[type=text]:first")]

и внутри FormValidate() У меня есть следующий код

function FormValidate() {

     console.log(user_entry[0].val());
}

Я запустил приложение и ввел значение в текстовое поле. Но я получаю консольный вывод как 'undefined'.

Если я помещаю массив "user_entry" внутри функции, то могу получить значение текстового поля.
Какова причина?
Я хотел бы сохранить этот массив по всему миру, так как он будет использоваться другими функциями

Robert_Junior 19 фев. 2014, в 10:42

Источник

9

Скорее всего, вы запускаете var user_entry = [$("#MAC_Allocation_Heading input[type=text]:first")] до того, как элемент существует, и, следовательно, вы получаете пустой объект jQuery. Пожалуйста, прочтите руководство по jQuery : «Для запуска кода, как только документ готов к работе, в jQuery есть оператор, известный как событие ready: $( document ).ready(function() { ... }); »
Felix Kling 19 фев. 2014, в 09:30
1

Нет. Запускаю функцию по нажатию кнопки
Robert_Junior 19 фев. 2014, в 09:31
4

Я не говорю о функции. Я говорю о присвоении переменных.
Felix Kling 19 фев. 2014, в 09:32
2

И даже если вы запускаете его по нажатию кнопки, код должен находиться внутри $(document).ready(...) .
Rutwick Gangurde 19 фев. 2014, в 09:33
0

возможный дубликат Почему jQuery или метод DOM, такой как `getElementById`, не находят элемент?
Felix Kling 19 фев. 2014, в 09:34
2

Чтобы подчеркнуть проблему, взгляните на этот jsfiddle, который работает. Речь идет о времени, когда user_entry ваше назначение user_entry . jsfiddle.net/8dcsn
Dennis 19 фев. 2014, в 09:35
0

Элемент не создается динамически. Он находится в Dom при загрузке страницы.
Robert_Junior 19 фев. 2014, в 09:35
1

Если вы поместите тег script с этим кодом над элементом в HTML-документе, то код будет запущен до того, как этот элемент будет существовать. Браузер анализирует / оценивает HTML-документ сверху вниз.
Felix Kling 19 фев. 2014, в 09:36
0

@Спасибо вам всем. это была причина. Я поместил массив в document.ready, и он решил мою проблему. Еще один базовый DOM, изученный сегодня @@@@
Robert_Junior 19 фев. 2014, в 09:43

Показать ещё 7 комментариев

Теги:

javascript

jquery

html

dom

2 ответа

Ещё вопросы

Скорее всего, вы запускаете var user_entry = [$("#MAC_Allocation_Heading input[type=text]:first")] до того, как элемент существует, и, следовательно, вы получаете пустой объект jQuery. Пожалуйста, прочтите руководство по jQuery : «Для запуска кода, как только документ готов к работе, в jQuery есть оператор, известный как событие ready: $( document ).ready(function() { ... }); »
Нет. Запускаю функцию по нажатию кнопки
Я не говорю о функции. Я говорю о присвоении переменных.
И даже если вы запускаете его по нажатию кнопки, код должен находиться внутри $(document).ready(...) .
возможный дубликат Почему jQuery или метод DOM, такой как `getElementById`, не находят элемент?
Чтобы подчеркнуть проблему, взгляните на этот jsfiddle, который работает. Речь идет о времени, когда user_entry ваше назначение user_entry . jsfiddle.net/8dcsn
Элемент не создается динамически. Он находится в Dom при загрузке страницы.
Если вы поместите тег script с этим кодом над элементом в HTML-документе, то код будет запущен до того, как этот элемент будет существовать. Браузер анализирует / оценивает HTML-документ сверху вниз.
@Спасибо вам всем. это была причина. Я поместил массив в document.ready, и он решил мою проблему. Еще один базовый DOM, изученный сегодня @@@@

aiiwa · Answer 1 · 2014-02-19T08-40-00.000Z

Попробуй это:

    var user_entry = [];


    function FormValidate() 
    {  
         alert(user_entry[0].val());
    }

    $(document).ready(function()
    {
         user_entry = [$("#MAC_Allocation_Heading input[type=text]:first")]  
    })

Благодаря этому вы можете достичь "Я бы хотел сохранить этот массив по всему миру, так как он будет использоваться и другими функциями".

Robert_Junior · Answer 2 · 2014-02-19T07-28-00.000Z

Я получил вопрос в соответствии с комментариями выше

Я инициализировал массив внутри $ (document).ready(function() {...});
и это решило мою проблему

Проблема заключается в том, что я включил файл.js перед тегом, чтобы до полной загрузки DOM я пытаюсь получить ссылку на объект, который, очевидно, пуст