只有當點擊F12來激活開發人員模式時，jQuery才能正常工作

我正在使用sliphover.js爲方向感知懸停效果的jquery。加載頁面時，懸停效果僅在單擊F12或在chrome和IE10中激活了元素時才起作用。一旦開發者模式被激活或者已經被激活的開發者模式被關閉，則其開始工作直到頁面被再次加載。我正在使用一些jquery插件如下。只有當點擊F12來激活開發人員模式時，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>

請幫我解決這個問題。

來源

2014-02-17 user2339174

在body標籤關閉之前包含了您的custom.js文件的底部頁面。 –

沒有變化，問題依然存在。我仍然必須**激活開發人員模式**才能使jquery插件工作。感謝您的答覆。 – user2339174

@RakeshKumar - 我認爲他不應該這樣做，因爲他將自己的代碼包裝到jQuery的'document.ready'等價的'$（function（）{}' –

Hi @ user2339174我是sliphover插件的作者。我不知道我是否明白你的意思，但幾天前，我收到了有關sliphover github項目issue page的支持請求，他在使用wookmark和sliphover時也遇到了問題，我解決了這個問題。請下載最新版本的sliphover（v1.1.1），並嘗試解決您的問題。

來源

2014-02-17 07:54:19 Wayou

hello wayou 我是將問題發佈到您的github項目的同一個人。該問題已與您的更新解決，但我得到了這個問題，我認爲它可能不涉及到你的插件。我正在使用最新的sliphover插件。我不知道這個問題是否與這個插件或別的東西有關。請檢查它並讓我知道。我會感謝你。並再次感謝您的大力支持。 – user2339174

這裏是我工作的項目的鏈接pankajk1018.s55.us/startpoint – user2339174

@ user2339174我檢查了你的頁面和源代碼。不知道這是否有幫助，但請嘗試在標記的東西后打電話給sliphover。 – Wayou

只有當點擊F12來激活開發人員模式時，jQuery才能正常工作

回答

相關問題