如何在使用下一个按钮colorbox时加载页面

Question

我使用colorbox（http://colorpowered.com/colorbox/）来调用ajax html文件。

这些HTML文件加载JS数组到喜欢这里的代码表：http://jsfiddle.net/2waZ2/21/

这一切工作正常，但是当按下颜色框旁边的按钮JS表数据不加载。

我认为这可能是因为document.onload已经发生。即使我试图在ajax html文件中调用JS，我只能看到第一页上的表格数据。点击下一步后，表格数据不会显示。

我想改变下一个按钮的行为，以获得表格数据显示。有任何想法吗？

这是下一个按钮的代码我能找到jquery.colorbox.js：

$next.click(function() { 
     publicMethod.next(); 
    }); 

而且

$groupControls = $next.add($prev).add($current).add($slideshow); 

而且

$(document).bind('keydown.' + prefix, function (e) { 
     var key = e.keyCode; 
     if (open && settings.escKey && key === 27) { 
      e.preventDefault(); 
      publicMethod.close(); 
     } 
     if (open && settings.arrowKey && $related[1]) { 
      if (key === 37) { 
       e.preventDefault(); 
       $prev.click(); 
      } else if (key === 39) { 
       e.preventDefault(); 
       $next.click(); 
      } 
     } 
    }); 

和

$next[(settings.loop || index < total - 1) ? "show" : "hide"]().html(settings.next); 

Answer 1

“我认为这可能是因为document.onload已经发生。尽管Im试图在ajax html文件中调用JS，但我似乎只能在第一页上获取表格数据。“

看起来好像你可能正在混合东西了。在这种情况下，Document.onload仅适用于父页面（的人在里面调用颜色框）。阿贾克斯看作另一种方式来加载不会触发Document.onload内容。

我不相信，如果你想在下一个点击时显示不同的HTML，那么为什么不准备它呢？

In回顾ColorBox的onLoad回调。换句话说，将您的自定义JS从显示的HTML文件重定位到父项的内部，并发出ColorBox显示的HTML作业。