jquery with php generarated html not working

Question

My code below is not working when I click on to the editlist class element disappears how can I make it appear again such as toggling the editLish class element with clicks any change in the below will be much appreciated as the content is generated on the fly

<script type="text/javascript">
    $(document).ready(function(){
        alert("clicked");
        $('.editList').on('click',function(){
        alert('clicked');
                    $(this).hide();
        });
    });
</script>
<? $this->_renderView(false, '_submenu')?>
<?php $cand_data=$this->read_xml();
    ?>
<div class="module" style="width:1050px">
    <div class="module_content">
        <?php foreach($cand_data as $key=>$data_node){ $i=0; ?>
        <table class="editList" style="">
            <tr>
                <th>Candidate Data</th>
            </tr>
            <?php foreach($data_node as $label=>$val) {   if($i<16){?>
            <tr>
                <td><?= $label?></td>
                <td><?= $val?></td>
            </tr>
            <?php $i++;}}?>
        </table>
        <?php  }?>    
    </div>
</div>

Your class is editList in the DOM, but your selector calls for .editlist. The selectors are case-sensitive. — Michael Berkowski
– Michael Berkowski, Commented Feb 7, 2013 at 17:31

freejosh · Accepted Answer · 2013-02-07 17:33:25Z

1

Check your selector spelling - you've bound the click handler to editlist and your table class is editList.

answered Feb 7, 2013 at 17:33

freejosh

11.4k4 gold badges36 silver badges47 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

DiverseAndRemote.com · Accepted Answer · 2013-02-07 17:33:53Z

1

css class names are case sensitive. you need to change $('.editlist') to $('.editList') with a capital L

answered Feb 7, 2013 at 17:33

DiverseAndRemote.com

20k10 gold badges65 silver badges75 bronze badges

1 Comment

Abbasi Over a year ago

Hi I have updated the code thank you very much for the replies. But how can I manage to toggle the dynamic html content using jquery?

Lepidosteus · Accepted Answer · 2013-02-07 17:35:23Z

0

Your table class is "editList" but your jquery selector is ".editlist" (note the differing case on the L). Css names are case sensitive.

Using $('.editList').click(... will work

answered Feb 7, 2013 at 17:35

Lepidosteus

12.1k4 gold badges41 silver badges51 bronze badges

Collectives™ on Stack Overflow

jquery with php generarated html not working

3 Answers 3

Comments

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related