Javascript function not working after ajax request in CListView

Question

I am using CListView widget (yii framework) like this:

<?
    $this->widget('zii.widgets.CListView', array(
        'dataProvider'=>$dataProvider,
        'itemView'=>'_view',
        'template'=>"{items}\n{pager}",
    )); 
    ?>

I have few button in "_view" and a process.js file where I have attached click event with buttons like this:

 $(document).ready(function(){
        $("a#beerButton").click(function(){
            alert('clicked');
        });
    
   });

They are working fine in initial page display but after ajax update (Clistview pagination to view next page), no button is responding. What is causing the problem. Shall I have to include the js files again on update.

EDIT:

on() event solved the problem :) Its working now. Reference

where is your process.js? i mean how did you include it in the view and in which file? — bool.dev
– bool.dev, Commented Feb 10, 2012 at 11:47
I have included the process.js in the main file (common file in yii applications). — Terminal
– Terminal, Commented Feb 10, 2012 at 11:57
This solved the problem stackoverflow.com/questions/2892244/… — Terminal
– Terminal, Commented Feb 10, 2012 at 11:57

dzona · Accepted Answer · 2012-02-13 17:27:58Z

1

you should try this

$(document).ready(function(){
        $("a#beerButton").live('click', function(){
            alert('clicked');
        });

   });

answered Feb 13, 2012 at 17:27

dzona

3,8013 gold badges35 silver badges47 bronze badges

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

1 Comment

Terminal Over a year ago

I have already mentioned it in comments. Anyway delegate() is preferred method.

jayanthan · Accepted Answer · 2012-02-10 11:23:03Z

0

check your js code some")" and "}" are missing use fire bug to avoid these sort of probs...

answered Feb 10, 2012 at 11:23

jayanthan

3712 gold badges10 silver badges20 bronze badges

1 Comment

Terminal Over a year ago

I have confirmed for syntax error in Chrome (Developer Tools). It is correct. Further it is working fine initially.

Collectives™ on Stack Overflow

Javascript function not working after ajax request in CListView

2 Answers 2

1 Comment

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related