Прошу помочь с append вот мой пример: HTML: <!DOCTYPE html> <html> <head> <script src="http://code.jquery.com/jquery-latest.min.js"></script> </head> <body> <script> $(document).ready(function() { $("#idd").click(function(e) { var variablex = $(this).attr("value"); alert(variablex); }); }); </script> <p id="styler"><div id="idd" value="1">CLICK IT</div></p> </body> При клике на CLICK IT выскакивает alert с value=1 все работает отлично.. но мне нужен такой код: HTML: <!DOCTYPE html> <html> <head> <script src="http://code.jquery.com/jquery-latest.min.js"></script> </head> <body> <script> $(document).ready(function() { $("#idd").click(function(e) { var variablex = $(this).attr("value"); alert(variablex); }); $("#styler").append('<div id="idd" value="1">CLICK IT</div>'); }); </script> <p id="styler"></p> </body> Этот код отлично добавляет <div> в <p> Но не работет alert почему так ?
даже в голову не приходило что у дива есть атрибут value oO вы определяете событие у несуществующего элемента т.е. сначала вешаете событие на элемент которого еше нет, а потом добавляете сам эелмент
Padaboo насчет value это ясно..мне для проверки надо было... кстати в статеь про jquery писалось, что можно использовать разные атрибуты для тегов. т.е. не важно.. спасибо за live!
что в итоге надо сделать? добавить в styler вот это <div id="idd" value="1">CLICK IT</div> и повесить на него клик?
в итоге: HTML: <!DOCTYPE html> <html> <head> <script src="http://code.jquery.com/jquery-latest.min.js"></script> </head> <body> <script> $(document).ready(function() { $('#idd"').live('click', function() { var variablex = $(this).attr("value"); alert(variablex); }); $("#styler").append('<div id="idd" value="1">CLICK IT</div>'); }); </script> <p id="styler"></p> </body> </html>
HTML: <!DOCTYPE html> <html> <head> <script src="http://code.jquery.com/jquery-latest.min.js"></script> </head> <body> <script> $(document).ready(function(){ $("#styler").append('<div id="idd" value="1">CLICK IT</div>'); $("#idd").click(function(e){ var variablex = $(this).attr("value"); alert(variablex); }); }); </script> <p id="styler"></p> </body>