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

Question

我使用简单的 jQuery on 脚本绑定来自 CGridView（类 icon-link，）的动态图标链接；演示是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);