jQuery диалоговые скрипты для ввода val

Question

У меня есть небольшая проблема с диалогом jQuery и способом обработки сценариев.

В диалоговом HTML, у меня есть

<input id="test"> 

Если я

<script type="text/javascript> 
    $('#test').val("haha") 
</script> 

после на вход, он показывает вверх. Если я положил до, он не работает. Теперь проблема в том, что я пытаюсь изменить значение $ ('# test') с помощью триггера щелчка, и я не могу!

$('.testbutton').click(function() { 
      alert();  
      $('#test').val("haha"); 
    }); 

Предупреждение работает, и начальная замена замены заменяет, что означает, что нет дублирующих или отсутствующих областей ввода.

Общий сценарий, как сейчас, не работает:

<input type="button" class="testbutton" /> 
<input type="text" size="10" id="test" name="test" value=""> 

$('#test').val("currentvalue"); // This works 
     $('.testbutton').click(function() { 
       alert();  
       $('#test').val("haha"); 
     }); 

Update Диалог показывает правильное значение в #test раз диалоговое окно закрывается, а затем возобновлено. Может ли это быть чем-то, что мне не хватает?

Answer 1

Проблема закончилась тем, что была # в тесте. По какой-то причине замена работает с идентификатором класса, а не с идентификатором идентификатора. Полагаю, это потому, что # заменит только один экземпляр, и по какой-то причине я еще не обнаружил, есть более одного экземпляра диалога (или скрытого).

Спасибо за все ваши предложения!

Answer 2

Введите код jQuery в $(document).ready(function() {...your code...}). Это сделает его выполненным после браузер создает дерево DOM для вашей страницы. В противном случае javascript не сможет правильно искать/манипулировать элементами DOM. Это будет выглядеть следующим образом:

$(document).ready(function() { 
    $('.testbutton').click(function() { 
      $('#test').val("haha"); 
    }); 
}); 

Update:

Если ваш HTML код загружается динамически, а затем использовать live связать обработчик события:

$(document).ready(function() { 
    $('.testbutton').live("click", function() { 
      $('#test').val("haha"); 
    }); 
}); 

Answer 3

Я думаю, вы должны обернуть код внутри $ (function() {// код здесь}); чтобы убедиться, что ваш код запущен только тогда, когда ваш DOM готов.