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已经发生了。即使我试图在ajax html文件中调用JS，我只能在第一页上获取表数据。”

好像你可能会把事情混在一起。在这种情况下， Document.onload 仅适用于父页面（调用colorbox的页面。）将Ajax视为加载不触发的内容的替代方法 Document.onload

我不相信弄乱“下一步”按钮就是你的答案。如果您希望在下一次单击时显示不同的HTML，为什么不这样准备它。

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

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

1 个答案: