运行jquery图库使链接不可点击。

Question

我试图建立基于Zurb基金会框架的响应性网页。在我尝试添加nanoGallery之前，一切都进行得很好，后者也使用jQuery。当我添加图片库脚本时，由Foundation脚本生成的顶部菜单变得不可点击，“悬停”很好，但是如果单击它，什么都不会发生。可以自由访问http://emfoto.filipsvoboda.net/presentation.html的确切页面。

这就是我试图调用每个脚本的方式：

<script src="js/jquery.js"></script>
<script src="/js/foundation.min.js"></script>
    <script>
    jQuery(document).foundation();
</script>

<script src="third.party/transit/jquery.transit.min.js"></script>
<script src="third.party/hammer.js/hammer.min.js"></script>
<script src="third.party/imagesloaded/imagesloaded.pkgd.min.js"></script>
<script src="jquery.nanogallery.js"></script> 
<script>
    jQuery("#nanoGallery").nanoGallery({
    kind:'flickr',
    (..)
    thumbnailHoverEffect:[{'name':'borderLighter'}],
    thumbnailLabel:{display:false},
    });
</script>

我已经尝试过更改这些脚本的顺序，但这似乎没有帮助。

编辑：似乎在IE10中工作正常，但在基于Chrome的浏览器中仍然不能工作。

EDIT2:在不断修改代码之后，似乎很明显，该页面上的图库本身的存在导致了错误。脚本的顺序似乎没有什么不同，只要图库没有显示，Foundation就能正常工作，链接也能正常工作。

EDIT3:更新了代码，删除了代码，并更改了脚本的顺序。我添加了到示例页面的简单"a“链接，它也不起作用。

EDIT4:，我搜索了event.preventDefault()，它存在于画廊的*.js文件中。我已经联系了作者，如果我们找到了任何解决方案，我会在这里发布。

谢谢你的帮助。

Answer 1

此问题已在nanoGALLERY v4.2.1中得到解决：

https://github.com/Kris-B/nanoGALLERY/releases/tag/4.2.1

Answer 2

我比较了使用开发人员扩展( chrome )和Firebug ( firefox )的chrome和firefox请求和响应，以获得在Net面板中显示的信息。我不确定chrome找不到的文件是否是问题的原因，但我想指出两者之间的差异。

铬

• http://emfoto.filipsvoboda.net/third.party/hammer.js/hammer.min.map (未找到)
• http://emfoto.filipsvoboda.net/third.party/hammer.js/hammer.min.js

firefox http://emfoto.filipsvoboda.net/third.party/hammer.js/hammer.min.js

Answer 3

至少在一段时间内，您可以通过一个单击处理程序来解决这个问题，该处理程序将读取url并将页面移到该url。

$(function () {
    $("a").click(function () {
        var url = $(this).attr("href");
        window.location.href = url;
    });
});