Jquery Superbox + jScrollPane问题

Question

大家好，感谢阅读本文： 好吧，我遇到了这个问题，我尝试使用 Superbox 和 jScrollPane。 我得到了一些内联内容，Superbox 很好地加载了（作为模式），但没有出现滚动条（jScrollPane），所以我无法滚动内容。如果有帮助一些代码：

HOW SUPERBOX JSCROLLPPANE：

$(function(){
            $.superbox.settings = {
                closeTxt: "Close",
                loadTxt: "Loading...",
                nextTxt: "Next",
                prevTxt: "Previous"
            };
            $.superbox();
                   $('.scroll-pane').jScrollPane(); 

        });

我如何调用/打开灯箱：

<li><a href="#about" rel="superbox[content]">About</a></li>

内联内容的 HTML：

<div id="infos" style="display:none;">
            <div id="acerca" class="scroll-pane">
            <h2>Content mode</h2>
            <p>Generates a box containing an element of the page.</p>
</div>
        </div>

感谢您的时间和知识！

Answer 1

您调用 $('.scroll-pane').jScrollPane(); 但您没有在页面上显示 scroll-pane 类的元素。必须有与您应用 jScrollPane 的选择器相匹配的内容。

另外，您可能只想在超级框打开后初始化 jScrollPane。我快速浏览了超级盒页面，不幸的是他们似乎没有提供任何事件，所以我不确定是否有办法找出超级盒何时被打开。您可以尝试这样做：

$('#infos').show().jScrollPane().hide();

这将暂时显示信息框并在其上初始化 jScrollPane （您无法在隐藏元素上初始化 jScrollPane），然后再次隐藏它。然后当超级框显示它时 jScrollPane 应该就位......