JQuery链接ON绑定在Yii GridView Pagination中不起作用

Question

我将来自CGridView（类icon-link，）的动态图标链接与简单的jQuery on脚本绑定;演示是here。脚本：

<div id="info-popup"></div>  

<?php $ajaxUrl = $this->createUrl('itemInfo');
      Yii::app()->clientScript->registerScript('info-popup-script', "
       jQuery('.info-link').on('click', function(){ jQuery.ajax({'data':{id: this.id   
        },'url':'{$ajaxUrl}','cache':false,'success':function(html){jQuery('#info-popup').html(html)}});return false;});
      ", CClientScript::POS_END); 

它适用于第一页，但在移动到其他页面（2,3 ...）之后，功能不起作用，尽管js代码存在于那里：

<script type="text/javascript"> 

   jQuery('.info-link').on('click', function(){ jQuery.ajax({'data':{id: this.id },'url':'/app3/assortment/itemInfo','cache':false,'success':function(html){jQuery('#info-popup').html(html)}});return false;});
   ...
</script>

特别是没有激活ajax调用。怎么了？

Answer 1

尝试通过其父或文档元素绑定它，如

Yii::app()->clientScript->registerScript('info-popup-script', "
   jQuery(document).on('click','.info-link', function(){.....
   .....
", CClientScript::POS_END);