jQuery는 F12를 클릭하여 개발자 모드를 활성화하는 경우에만 작동합니다.

Question

방향 인식 호버 효과에 대해 jQuery를 사용하고 있습니다. 페이지가로드되면 호버 효과는 F12를 클릭하거나 chrome 및 IE10에서 inpect 요소가 활성화 된 경우에만 작동합니다. 개발자 모드가 활성화되거나 이미 활성화 된 개발자 모드가 닫히면 페이지가 다시로드 될 때까지 작업이 시작됩니다. 다음과 같이 여러 jquery 플러그인을 사용하고 있습니다. 내가 custom.js 코드

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

내 HTML을 포함하고

<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> 

가, 나 또한

<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> 

날이 문제를 해결하는 데 도움이 바랍니다 갤러리를 만들기 위해 플러그인을 wookmark 사용하고 있습니다.

Answer 1

안녕하세요 @ user2339174 저는 sliphover 플러그인의 저자입니다. 나는 당신이 의미하는 바를 모르겠지만 며칠 전 sliphover github 프로젝트에 대한 지원 요청을 받았으며 sliphover와 함께 wookmark를 사용할 때 문제가 발생했습니다. sliphover (v1.1.1)의 최신 버전을 다운로드하고 문제가 해결되면 시도하십시오.