代碼1: 以此方法綁定的input框事件,在通過add按鈕后用jquery綁定的事件 alert就會丟失
<input type="button" value="Add" name="test_but" /><div id="test_div"><input name="test_input"/></div><script>$('input[name=test_input]').change(function(){alert($(this).val()) ;});$('input[name=test_but]').click(function(){$('input[name=test_input]').clone().appendTo($('#test_div'));});</script> 代碼2: 以jquery的live方法綁定change事件,alert不會丟失,但是在點擊add時有可能多次添加input,或者多次彈出提醒框,刷新頁面后就好了,但是多次操作后還是會這樣
<input type="button" value="Add" name="test_but" /><div id="test_div"><input name="test_input" onchange="alert_val(this)"/></div><script>$('input[name=test_input]').live('change',function(){alert($(this).val()) ;});$('input[name=test_but]').click(function(){$('input[name=test_input]').clone().appendTo($('#test_div'));});</script> 代碼3: 解決之道....
<input type="button" value="Add" name="test_but" /><div id="test_div"><input name="test_input" onchange="alert_val(this)"/></div><script>function alert_val(obj){alert($(obj).val());}$('input[name=test_but]').click(function(){$('input[name=test_input]').clone().appendTo($('#test_div'));});</script> 通過js原生態的onchange事件,把對象本身傳遞進去,這樣既可以用到jquery語法繼續寫東西,也不會丟失綁定事件,更加不會因為live的特性導致事件多次執行....完美!
新聞熱點
疑難解答
