Question

我在这里使用jquery幻灯片：http://web.archive.org/web/20150227082803/http://www.jqeasy.com/jquery-slide-panel-plugin 我遇到的问题是，如果你有多个触发器和面板，面板将相互重叠，而不是离开面板并打开新面板。

现在我正在使用＆＃34; clickOutsideToClose：true＆＃34;功能，它可以工作，但如果您直接单击另一个选项卡。这是正在使用的脚本：

<script>
$('#panel1').slidePanel({
    triggerName: '#trigger1',
    position: 'fixed',
    triggerTopPos: '0px',
    panelTopPos: '0px',
    panelOpacity:  1,  
    clickOutsideToClose: true
});

$('#panel2').slidePanel({
    triggerName: '#trigger2',
    position: 'fixed',
    triggerTopPos: '55px',
    panelTopPos: '0px',
    panelOpacity:  1,  
    clickOutsideToClose: true
});
</script>

这里的代码正在左上角使用，因此您可以测试并查看我的意思：http://w11.zetaboards.com/SWGTest/index/

基本上我只是想要它，以便面板不会相互叠加，当你点击另一个触发器并且其中一个已经激活时，已经激活的触发器将关闭，新的触发器将打开。

非常感谢任何帮助。

谢谢，迪伦

Answer 1

问题是z-index。

两个z-index都是100。

如果单击panel1，则保持这样，panel1 z-index为105，panel2 z-index为100.如果单击panel2，则panel2 z-index为105，panel1 z-index为100。

如何让JQeasy Slide面板不重叠？

1 个答案: