jquery не действа на обектите добавени от него о.О

djman

Registered
Здравейте,
Мога да дам много примери, но в случая ще дам този: с jquery добавям и премахвам input полета. Първоначално имам 2, а добавените са абсолютно еднакви, а и всичките съдържат class="input". Защо следния код:

[js]$('.input').focus(function() { $(this).val(''); });[/js]

работи само на първите 2 полета (които са там по подразбиране), но не и на добавените чрез бутона "Добави поле"?
 
HTML:
<script src="http://code.jquery.com/jquery-latest.js"></script>
<script>
$('.input').focus(function() { $(this).val(''); });
</script>
<input type="text" value="asdfffassadsad" class="input" />
<input type="text" value="asdfffassadsad" class="input" />
<input type="text" value="asdfffassadsad" class="input" />
<input type="text" value="asdfffassadsad" class="input" />
<input type="text" value="asdfffassadsad" class="input" />
<input type="text" value="asdfffassadsad" class="input" />
тук
Пробвай и кажи дали не работи :)
В твоя случай имаш някъде другаде грешка.
 
kriss каза:
тук
Пробвай и кажи дали не работи :)
В твоя случай имаш някъде другаде грешка.

Кода бачка, след като се сложи $(function(){ преди и }); след js кода. Като стана дума за тоя сайт, я виж за какво говоря точно:

HTML:
<script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></script>
<script type="text/javascript">
$(function(){
$('#add').click(function(){ $('#added').append('<input type="text" value="asdfffassadsad" class="input" />'); return false; });
$('.input').focus(function() { $(this).val(''); });
});
</script>
<input type="text" value="asdfffassadsad" class="input" />
<input type="text" value="asdfffassadsad" class="input" />
<span id="added"></span>
<a href="#" id="add">добави</a>

Това ми е кода, тествай и виж... :/
 
На предната страница го виж http://www.youtube.com/user/MrCroZer
http://www.youtube.com/watch?v=WXHbmEWbhrE
 
Цяло видео по тоя въпрос, и най-важното - работи!
Изключително ти благодаря :lol:
 

Back
Горе