hover - jQuery only works when clicked F12 to activate developer mode -

I'm using a jquery for the direction awakening hover effect to sleephunter.js. When the page loads, the hover effect only works when F12 is clicked or the element is identified in Chrome and IE10. Once the developer mode is activated or the active developer mode has already shut down, this page starts working until it reloads. I am using several jquery plugins as the following.

  & lt; Script src = "js / jquery-1.11.0.min.js" & gt; & Lt; / Script & gt; & Lt; Script src = "js / jquery.sliphover.js" & gt; & Lt; / Script & gt; & Lt; Script src = "js / superfish.js" & gt; & Lt; / Script & gt; & Lt; Script type = "text / javascript" src = "js / jquery.mmenu.js" & gt; & Lt; / Script & gt; & Lt; Script src = "js / jquery.singlePageNav.min.js" & gt; & Lt; / Script & gt; & Lt; Script src = "js / modernizr.min.js" & gt; & Lt; / Script & gt; & Lt; Script src = "js / jquery.flexslider.js" & gt; & Lt; / Script & gt; & Lt; Script src = "js / jquery.imagesloaded.js" & gt; & Lt; / Script & gt; & Lt; Script src = "js / custom.js" & gt; & Lt; / Script & gt;   
 I'm including the custom.js code  
  $ (function () {$ ("#tiles"). Sliphover ();}) ;   
 My HTML, I'm also using the wookmark plugin to create a gallery  
  & lt; Div id = "main" role = "main" & gt; & Lt; Ul id = "tiles" & gt; & Lt ;! - These are our grid items, note which square is allocated to each, which is used for filtering. Classes match the "data-filter" properties above - & gt; & Lt; Li data-filter-square = '["London", "art"]' class = "hello" & gt; & Lt; Img src = "image / gallery-image1.jpg" title = "& lt; a href = 'http: //google.com'> loyal cao & lt; / a & gt; & Gt; & Lt; / Li & gt; & Lt; Li data-filter-class = '["London", "art", "game"]' class = "hello" & gt; & Lt; Img src = "image / gallery-image2.jpg" & gt; & Lt; / Li & gt; & Lt; Li data-filter-square = '["London", "art", "Paris"]' class = "hello" & gt; & Lt; Img src = "image / gallery-image3.jpg" & gt; & Lt; / Li & gt; & Lt; Li data-filter-square = '["London", "art", "Paris"]' class = "hello" & gt; & Lt; Img src = "image / gallery-image4.jpg" & gt; & Lt; / Li & gt; & Lt; Li data-filter-square = '["London", "game"]' class = "hello" & gt; & Lt; Img src = "image / gallery-image5.jpg" & gt; & Lt; / Li & gt; & Lt; Li data-filter-class = '["London", "art", "game"]' class = "hello" & gt; & Lt; Img src = "image / gallery-image6.jpg" & gt; & Lt; / Li & gt; & Lt; Li data-filter-square = '["London", "Paris"]' class = "hello" & gt; & Lt; Img src = "image / gallery-image7.jpg" & gt; & Lt; / Li & gt; & Lt; Li data-filter-square = '["London", "art", "Paris"]' class = "hello" & gt; & Lt; Img src = "image / gallery-image8.jpg" & gt; & Lt; / Li & gt; & Lt ;! - End of grid blocks - & gt; & Lt; / Ul & gt; & Lt; / Div & gt;   
 Please help me solve this problem.   
 
 
 Hi @ user2339174 I'm the author of the SliefHower plugin I do not know what I got, but a few days Earlier, I had received a support request on the Sleighhover Github project, which found a problem while using the Walkmark with the Sleighhover and I decided to do it. Please download the latest version of Sliffer (v1.1.1) and try to solve your problem.