Home/ Questions/Q 7995133
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-04T14:19:16+00:00

I have a page with 2 Div containers ( Left and Right ). PartsList

  • 0

I have a page with 2 Div containers ( Left and Right ).
PartsList page has 5 dynamically generated DIVS.
Custom page has 5 dynamically generated DIVS.
The div with id “layout” isnt getting recognized with the jQuery .on(). Please help. Thank you for you time :).

<script type="text/javascript" src="js/jquery.js">
</script>

<script type="text/javascript">

$(function() {

    $(".left").load("PartsList.php",function() {alert("success");});

    $(".right").load("Custom.php", function() {alert("success");});

        $("#layout").children().on({click: function() {
            alert($(this).attr('id'));

          }
 });    

});
</script>

<body>
<div class="main">

<div class="left">
//Load Left page.

</div>
<div class="right">

//Load Structure page.
</div>

</div>
</body>


</html>

PartsList

<?php


for ($x = 1; $x < 6; $x++)
{

   $divs = <<<here
   <div id = 'div$x' class = 'list'><strong>Div: $x</strong></div>
   here;
   echo $divs;
 }

?>

Custom

<?php

echo '<div id="layout">';

for ($y = 0; $y < 5; $y++)
{
        echo "<div id='x$y' style='
        position: absolute;
        width: 200px;
        height: 100px;
        top: ".(100 * $y)."px;
        border: 2px solid blue;
        cursor: pointer;
        '></div>";
}

echo '</div>';

?>
Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    in jquery 1.7+ use on like 

    $(document).on('click','dynamicElement',function(e){

 //handler code here
});

    in the earlier versions use delegate

    $(document).delegate('dynamicElement','click',function(e){

 //handler code here
});

    you can replace the document with parent element of the dynamically generated element

    • 0