我使用slipvhover.js作为一个jquery来实现方向感知悬停效果。加载页面时,悬停效果仅在单击F12或在chrome和IE10中激活inect元素时有效。一旦开发者模式被激活或已经激活的开发者模式被关闭,它就会开始工作,直到页面再次被重新加载。我正在使用一些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>
请帮我解决这个问题。
Hi@user2339174我是slipvhover插件的作者。我不知道我是否明白你的意思,但几天前,我在slipvhover github项目问题页面上收到了一个支持请求,他在使用带有slipvhofer的wookmark时也遇到了问题,我解决了这个问题。请下载最新版本的slipvhover(v1.1.1),如果您的问题得到解决,请尝试。