onclick function not working

Question

I made a modal with help of jquery Json and this is main html

              <div id="photo_preview" style="display:none">
    <div class="photo_wrp">
        <img class="close" src="uploads/close.gif" />
        <div style="clear:both"></div>
        <div class="pleft">test1</div>

        <div class="pright">test2</div>

        <div style="clear:both"></div>
    </div>
</div>

now thing is class=pright contain comments print by php

my onclick function is only working on .pright enter image description here

 $(document).ready(function()
{
    $('.pright').click(function() {
         alert('this');
     });
});

my click function is not working on anything specially which is printed by php i want to click click is blue in picture

my code for that

<div class="pright">
    <div id=\"commentdiv\">
        <span id=\"commentspsn\"></span>
        <div id=\"comments_list\">  
        <div class=\"comment\"  id='12'>

             <p>Comment from 
               <span class=\"namecomment\">'ali'</span> 
               <span>( date )</span>:
             </p>
             <p><span id='first_1'>this</span></p>

             <textarea name=\"comment\"  class=\"editbox\"id='first_input_1'>this</textarea></div>
</div>
        </div>

STRUCK :s

I don't understand. Your click function only works on `.pright` because that's what you bound it to. — Barmar, Apr 18 '14 at 23:43
Are you loading elements dynamically with AJAX? Then see http://stackoverflow.com/questions/203198/event-binding-on-dynamically-created-elements — Barmar, Apr 18 '14 at 23:44
i tried using .commentclass like #comments_list .commentclass it is not working that y i questioned why it is not working — M.chaudhry, Apr 18 '14 at 23:44
OK, so that other question should help you solve your problem. — Barmar, Apr 18 '14 at 23:49
thankx there was a click which worked for me i wish i can upvote urs :D cheers — M.chaudhry, Apr 18 '14 at 23:59

score 0 · Accepted Answer · edited May 23 '17 at 10:32

If you are loading Elements dynamically you need to make your code like this code works for me now prefectly working for me

 $(document).ready(function()
{
    $('.pright').on( 'click', 'div.commentclass', function(){
         alert($(this).attr('id'));
     });
});

as Barmar Thankfully provided corresponding link check this

Event binding on dynamically created elements?

there is link available for on() read this for sure :)

http://api.jquery.com/on/

onclick function not working

1 Answers1