jQuery
  1. jQuery
  3. forma dynamic jquery, evento su campo dinamico
Intereting Posts
Restituisce un object JSON usando PHP json_encode () e MySQL per passare alla funzione jQuery Modificare le icone della barra di navigazione in jqGrid jQuery-UI – “Imansible leggere la proprietà ‘step’ di undefined” Jquery. Caricare la stessa politica di origine KeyUp / KeyDown keyCode Non funziona su campi password in IE? A capo di * su una pagina usando jQuery Come utilizzare / combinare 2 script jQuery che utilizzano due tipi di dati diversi jQuery / PHP mail invia il modo semplice? Finestra di dialogo dell’interfaccia utente JQuery all’interno di un iframe Come posso ottenere un DIV al centro di una pagina utilizzando jQuery e blockUI? JavaScript / jQuery: come assicurarsi che l’evento di tracciamento dei clic tra domini abbia esito positivo prima che l’utente lasci la pagina? Utilizzare jQuery .trigger per chiamare una funzione personalizzata che restituisce un valore jQuery Scroll infinito: l’evento si triggers più volte quando lo scorrimento è veloce cambia colore della scheda del menu selezionata Alterna l’elemento dell’opzione di stile

forma dynamic jquery, evento su campo dinamico

Ho iniziato a creare un modulo dinamico utilizzando jquery per creare ogni domanda alla volta, ma sembra esserci un problema con un evento sul contenuto dinamico. 

div class="container"> 
Add or Remove text boxes with jQuery
 
 
 
 
 
   <!--
--> 
Answer with Radio 
 Add More

javascript 

 jQuery(document).ready(function($){ $('#box1').keyup(function () { var impt = '1. '+ $(this).val(); $(".preview").html(impt); }); $('#radio1').keyup(function () { alert("radio1"); var impt = 'Please choose'+ $(this).val(); appendTo(".preview").append(impt); //$(".preview").append(impt); }); $('.my-form .ansRadio').click(function(){//when radio answer is clicked show the radio answer options var n = $('.text-box').length; var box_html = $('
 remove option
'); box_html.hide(); $('.answer').hide(); $('.my-form div.text-box:last').after(box_html); box_html.fadeIn('slow'); return false; }); $('.my-form').on('click', '.remove-option', function(){ $(this).parent().css( 'background-color', '#FF6C6C' ); $(this).parent().fadeOut("slow", function() { $(this).remove(); $('.box-number').each(function(index){ $(this).text( index + 1 ); }); $('.answer').show(); }); return false; });

});

Sembra che ci sia un problema nel trovare il 

 $('#radio1').keyup(function ()

lavorare.

Ecco il jsfiddle

Come puoi vedere il link ‘remove option’ funziona ma il tipo nella casella delle opzioni non triggers la funzione keyup.

Qualsiasi aiuto molto apprezzato.

stai vincolando l’evento keyup quando l’elemento non è nel DOM, prova invece questo:

$('.my-form').on("keyup", "#radio1", function () {

In jQuery se si aggiunge un elemento a DOM DYNAMICALLY, quindi per albind un evento a quell’elemento è necessario scrivere o chiamare il codice per albind immediatamente l’evento dopo averlo accodato al DOM.

Codice aggiornato 

 jQuery(document).ready(function($){ $('#box1').keyup(function () { var impt = '1. '+ $(this).val(); $(".preview").html(impt); }); $('.my-form .ansRadio').click(function(){//when radio answer is clicked show the radio answer options var n = $('.text-box').length; var box_html = $('
 remove option
'); box_html.hide(); $('.answer').hide(); $('.my-form div.text-box:last').after(box_html); box_html.fadeIn('slow'); $('#radio1').keyup(function () { alert("radio1"); var impt = 'Please choose'+ $(this).val(); appendTo(".preview").append(impt); //$(".preview").append(impt); }); return false; }); $('.my-form').on('click', '.remove-option', function(){ $(this).parent().css( 'background-color', '#FF6C6C' ); $(this).parent().fadeOut("slow", function() { $(this).remove(); $('.box-number').each(function(index){ $(this).text( index + 1 ); }); $('.answer').show(); }); return false; });

http://jsfiddle.net/santoshj/xu9g1t0n/2/