Colorbox和Drupal视图Ajax Pager

Question

我正在一个Drupal网站上工作，其中Colorbox用于图像，但是它是手动添加的，而不是通过模块添加的。

当将Colorbox用于通过Views生成的照片库并且使用AJAX处理分页时，会发生问题。 第一页工作正常，但是任何其他页面都不会触发Colorbox弹出窗口。

在我看来，Colorbox并不了解新元素，因为在加载页面时，它们不在DOM中。 考虑到这一点，我尝试将Colorbox $ .colorbox.init（）方法绑定到分页事件，但始终返回错误：

“未定义：$。colorbox.init（）”

这是我在分页事件的成功状态下添加到Drupal的Views模块中进行测试的内容（ajax_views.js行：132）：

    success: function(response) {
                $.event.trigger('pagedContent');  

这就是我要抓住的东西：

$(document).bind('pagedContent', function() {  
  $.colorbox.init(); });

我还尝试仅再次运行常规初始化，但没有结果。

 $(document).bind('pagedContent', function() {  
  $('myselector').colorbox(); });

我敢肯定，我应该采取一些不同的方法来遵循Drupal最佳实践，但这似乎应该可行，而且我想知道为什么不可行。 我在这里偏离正轨吗，方法错误吗？

Answer 1

为了将事件附加到异步出现的元素，必须使用Drupal Behaviors或JQuery实时功能。