Question

大家好，感谢您阅读：我很快就遇到了这个问题，我试图使用Superbox和jScrollPane。我得到了一些内联内容很好的Superbox加载（作为模态）但没有滚动条（jScrollPane）出现所以我不能滚动内容。如果帮助一些代码：

SUPERBOX JSCROLLPANE：

$(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）然后再次隐藏它。然后当superbox显示它时，jScrollPane应该就位......

Jquery Superbox + jScrollPane问题

1 个答案: