2014-01-20 56 views
1

我正在通過wordpress主題構建我的投資組合網站。在「關於我」的頁面中,我首先使用了代碼筆。當我在我的網站上插入代碼時,jQuery效果不起作用,我不知道我必須做什麼。jQuery代碼片段在我的wordpress主題中不起作用

當你點擊「Currículo」按鈕時,jQuery函數是一個「翻轉」效果。你怎麼可以在這裏看到:http://codepen.io/FelipeMartinin/pen/sAtvD

這翻頁效果不會在我的網頁工作:http://felipemartinin.com.br/acerca/

jQuery的SRC:http://felipemartinin.com.br/wp-content/themes/FelipeMartinin/js/portfolio.js

如果有人可以幫助我,我真的很感激。

謝謝進階

回答

1

看起來有衝突這裏的jQuery和WordPress之間,儘量把你的代碼中關閉:

(function($){ 
    $('.goFlip').on("click", function(){ 
    $('.aboutMe').toggleClass('rotate-3d'); 
    $('.card-back').toggleClass('z-up'); 
    $('.card-back > .aboutHeader > h2').addClass('fadeInUp'); 
    $('.backContent-wrap .backContent').addClass('fadeInUp'); 
    }); 
})(jQuery); 
+0

工作!謝謝! – user3130064

0

如果加載頁面時,你會發現,它不能加載很多插件的看着你的控制檯(多數民衆贊成在沒有找到404錯誤):

GET http://felipemartinin.com.br/wp-content/plugins/revslider/rs-plugin/css/captions.css?ver=3.8 404 (Not Found) felipemartinin.com.br/:37 
GET http://felipemartinin.com.br/wp-content/plugins/revslider/rs-plugin/css/settings.css?ver=3.8 404 (Not Found) felipemartinin.com.br/:36 
GET http://felipemartinin.com.br/wp-content/plugins/woocommerce/assets/css/woocommerce.css?ver=3.8 404 (Not Found) felipemartinin.com.br/:46 
GET http://felipemartinin.com.br/wp-content/plugins/revslider/rs-plugin/js/jquery.themepunch.plugins.min.js?ver=3.8 404 (Not Found) felipemartinin.com.br/:49 
GET http://felipemartinin.com.br/wp-content/plugins/revslider/rs-plugin/js/jquery.themepunch.revolution.min.js?ver=3.8 404 (Not Found) felipemartinin.com.br/:50 
GET http://felipemartinin.com.br/wp-content/plugins/woocommerce/assets/js/frontend/add-to-cart.min.js?ver=2.0.20 404 (Not Found) (index):601 
GET http://felipemartinin.com.br/wp-content/plugins/woocommerce/assets/js/jquery-blockui/jquery.blockUI.min.js?ver=2.60 404 (Not Found) (index):602 
GET http://felipemartinin.com.br/wp-content/plugins/woocommerce/assets/js/frontend/woocommerce.min.js?ver=2.0.20 404 (Not Found) (index):609 
GET http://felipemartinin.com.br/wp-content/plugins/woocommerce/assets/js/jquery-placeholder/jquery.placeholder.min.js?ver=2.0.20 404 (Not Found) (index):603 
GET http://felipemartinin.com.br/wp-content/plugins/woocommerce/assets/js/jquery-cookie/jquery.cookie.min.js?ver=1.3.1 404 (Not Found) (index):610 
GET http://felipemartinin.com.br/wp-content/plugins/woocommerce/assets/js/frontend/cart-fragments.min.js?ver=2.0.20 404 (Not Found) 

首先,你應該避免這樣的錯誤。然後看看,文件放在服務器上的位置,並更正路徑。

相關問題