0

我正在使用 sliphover.js 一个 jquery 来实现方向感知悬停效果。加载页面时，只有在单击 F12 或在 chrome 和 IE10 中激活了 inpect 元素时，悬停效果才有效。一旦开发者模式被激活或已经激活的开发者模式被关闭，它就会开始工作，直到页面再次重新加载。我正在使用一些 jquery 插件，如下所示。

<script src="js/jquery-1.11.0.min.js"></script>
<script src="js/jquery.sliphover.js"></script>
<script src="js/superfish.js"></script>
<script type="text/javascript" src="js/jquery.mmenu.js"></script>
<script src="js/jquery.singlePageNav.min.js"></script>
<script src="js/modernizr.min.js"></script>
<script src="js/jquery.flexslider.js"></script>
<script src="js/jquery.imagesloaded.js"></script>
<script src="js/custom.js"></script>

我包括 custom.js 代码

$(function(){
    $("#tiles").sliphover();
    });

我的 html，我也在使用 wookmark 插件来制作画廊

<div id="main" role="main">
                <ul id="tiles">
                    <!--
                      These are our grid items. Notice how each one has classes assigned that
                      are used for filtering. The classes match the "data-filter" properties above.
                      -->
                    <li data-filter-class='["london", "art"]' class="hello">
                      <img src="images/gallery-image1.jpg" title="<a href='http://google.com'>Loyal Cao</a>" >
                    </li>
                    <li data-filter-class='["london", "art", "sport"]' class="hello">
                      <img src="images/gallery-image2.jpg" >
                    </li>
                    <li data-filter-class='["london", "art", "paris"]' class="hello">
                      <img src="images/gallery-image3.jpg" >
                    </li>
                    <li data-filter-class='["london", "art", "paris"]' class="hello">
                      <img src="images/gallery-image4.jpg" >
                    </li>
                    <li data-filter-class='["london", "sport"]' class="hello">
                      <img src="images/gallery-image5.jpg" >
                    </li>
                    <li data-filter-class='["london", "art", "sport"]' class="hello">
                      <img src="images/gallery-image6.jpg" >
                    </li>
                    <li data-filter-class='["london", "paris"]' class="hello">
                      <img src="images/gallery-image7.jpg" >
                    </li>
                    <li data-filter-class='["london", "art", "paris"]' class="hello">
                      <img src="images/gallery-image8.jpg" >
                    </li>
                    <!-- End of grid blocks -->
                </ul>
            </div>

请帮我解决这个问题。

4

1 回答 1

0

嗨@user2339174 我是sliphover 插件的作者。我不知道我是否明白你的意思，但几天前我在sliphover github项目问题页面上收到了一个支持请求，他在将wookmark与sliphover一起使用时也遇到了问题，我解决了这个问题。请下载最新版本的 sliphover (v1.1.1) 并尝试解决您的问题。

于 2014-02-17T07:54:19.967 回答