jQuery conflict in WordPress

  • MTPrower

    (@mtprower)


    13 years ago

    I have a WordPress blog at https://www.vgreboot.com/ in which I followed the exact instructions for jPlayer’s Quick Start guide to install a jPlayer in my site’s header.php. All the code jPlayer needs is in the header.php:

    https://pastebin.com/2nCYpGDv

    When you include the line

    “<script type=”text/javascript” src=”https://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js”></script>&#8221;

    the mp3 player works but all the jQuery things below the mp3 player break. When you DON’T include that line, everything works, but the mp3 player looks wrong, like in the bottom of Step 6 of the Quick Start guide. Now, I know WordPress has its own copy of jQuery, but while trying to fix the problem, I installed and activated a plugin that makes WordPress use Google’s jQuery. I can remove that temporarily. There appears to be multiple instances of jQuery, or so I have heard. Problem is, I’m no coder (outside of copy-paste and CSS) and I don’t know how to fix this.

    I don’t want to change any files in “vgr-content/themes/thematic”, as that would be a temporary solution, not a permanent one. I do use a child theme of Thematic though, and I can change those. This is definitely a problem with jQuery and WordPress, not with jPlayer in itself.

Viewing 1 replies (of 1 total)
  • Thread Starter MTPrower

    (@mtprower)

    By replacing “$” with “jQuery”, I was able to get the mp3 player working without the line that mentions Google and jQuery. Problem is, I have the same results. The jQuery stuff below the mp3 player is broken. It seems I have more than one instance of jQuery called. Can someone please help me fix it?

Viewing 1 replies (of 1 total)
  • The topic ‘jQuery conflict in WordPress’ is closed to new replies.