从 skel 层菜单调用的 fancybox 不起作用

【问题标题】：fancybox called from a skel-layer menu not working从 skel 层菜单调用的 fancybox 不起作用
【发布时间】：2016-01-21 12:02:11
【问题描述】：

我正在尝试从 Skel 层菜单调用 Fancybox 内联内容（基于此主题：http://templated.co/spatial）

<nav id="nav">
    <ul>
        <li><a href="#about1" class="fancybox fancybox.inline button small fit" >about</a></li>
    <ul>
</nav> 
<div id="Login" style="display:none; position:relative;">
    <p>blabla</p>
</div>

除了菜单变成“topsidemenu”外，一切正常。

当我单击“关于”链接时，菜单关闭，但没有任何反应。在“init.js”脚本中有一个clickToHide : false,，我可以把它放到true，然后当我点击我的“关于”链接时，菜单并没有隐藏，但是如果我手动关闭它（通过点击外部） fancybox 完美打开。

所以我希望你有一个解决方案来避免 Fancybox 和 skel-layer 菜单之间的“冲突”:(

（关于骨架层菜单的一些帮助https://github.com/n33/skel.old/blob/master/docs/skel-layers.pdf）

谢谢。

【问题讨论】：

标签： javascript php jquery html fancybox

【解决方案1】：

我自己找到了解决方案:)

我已将此代码添加到我的标题中（当我单击类.closenav-link 的链接时关闭菜单）

<script>
$(document).ready(function(){
    //...
    // close navPanel
    $(".closenav-link").on('click', function(e) {
        e.preventDefault();
        skel.plugins.layers.toggle('navPanel');
    });
    //...
});
</script>

然后我将课程closenav-link PLUS skel-layers-ignore 添加到我的链接中。

我通过搜索clickToHide 在skel-layers.js（来源：https://github.com/n33/skel.old/blob/master/src/skel-layers.js）中找到了skel-layers-ignore，这让我在单击链接时可以忽略骨架层函数！然后我只需要通过将 skel.plugins.layers.toggle('navPanel'); 添加到我的标题和 VOILAAAAAA 来关闭菜单 :)

<a href="#Login" style="" class="closenav-link skel-layers-ignore fancybox button small fit" ><?php echo _('HOME-LOGIN'); ?></a>

希望这对某人有所帮助:)

【讨论】：