在WordPress中包含一個jQuery插件

我目前正在將我的HTML轉換爲WordPress網站。該網站使用'inview'jQuery插件。在WordPress中包含一個jQuery插件

我似乎無法在WordPress中使用它。

我已插入的header.php裏面的插件鏈接：以下的footer.phpsrc="js/jquery.inview.js"

和：

<script type="text/jscript"> 
$('#seoHomeImage, #socialBar').bind('inview', function(event, visible) { 
if (visible) { 
$(this).stop().animate({ opacity: 1 }); 
} else { 
$(this).stop().animate({ opacity: 0 }); 
} 
}); 
</script>

我也有這個從克里斯Coyiers空白主題，在功能：

if (!is_admin()) { 
    wp_deregister_script('jquery'); 
    wp_register_script('jquery', ("http://ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js"), false); 
    wp_enqueue_script('jquery'); 
}

我必須以某種方式鏈接'inview'插件裏面的功能頁面？

感謝您尋找:-)

來源

2013-08-27 user2538833

是否有任何控制檯輸出你應該把這個代碼轉換成的document.ready部分。也許腳本加載的順序搞砸了。 –

我不能把這個標記爲重複的，因爲[另一個未被接受並且沒有任何upvotes]（http://stackoverflow.com/q/14864221/1287812）。但答案與我在此提供的完全相同。簡而言之：不要取消註冊WP綁定的jQuery並使用正確的掛鉤將jQuery作爲您自己的腳本的依賴項進行排隊和添加。 – brasofilo

當DOM完成事件

$(function() { 
     $('#seoHomeImage, #socialBar').bind('inview', function(event, visible) { 
      if (visible) { 
       $(this).stop().animate({ opacity: 1 }); 
      } else { 
       $(this).stop().animate({ opacity: 0 }); 
      } 
     }); 
    });

來源

2013-08-27 11:22:48 TheCodeDestroyer

在WordPress中包含一個jQuery插件

回答

相關問題