Question

我正在通过wordpress主题构建我的投资组合网站。在“关于我”的页面中，我已经在代码笔中取得了第一名。当我在我的网站上插入代码时，jQuery效果不起作用，我不知道我必须做什么。

单击“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

如果有人能帮助我，我真的很感激。

先谢谢

Answer 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);

Answer 2

如果你在加载页面时查看你的控制台，你会发现它无法加载很多插件（那就是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)

首先，你应该避免这样的错误。然后查看文件放在服务器上的位置，并更正路径。

jQuery片段在我的wordpress主题中不起作用

2 个答案: