Skip to:
Content
Pages
Categories
Search
Top
Bottom

Highly interactive theme. MooTools not compatible?

  • Avatar of roam2rome
    roam2rome
    Participant

    @roam2rome

    3 years, 7 months ago

    Last week, I installed BuddyPress 1.1.

    I made my own Theme by adding MooTools to the default theme, but I see that the sliding header works on the main page and not on the others.

    This must be a conflict between JavaScript frameworks. So, is MooTools just not allowed in BuddyPress?

    I have a lot of very fun things on the site to make it interactive and would rather keep them…

    (the site is: forum.roam2rome.com )

Viewing 6 replies - 1 through 6 (of 6 total)
  • Avatar of Jeff Sayre
    Jeff Sayre
    Participant

    @jeffsayre

    3 years, 7 months ago

    Irrespective of application, the MooTools framework and the jQuery toolkit do not always play well together.

    So, it is not that MooTools is not allowed in BuddyPress, it is that since jQuery is the Javascript library selected to be used in BP, you may have issues when trying to get MooTools to function properly in BP.

    A couple of suggestions:

    • If by chance you are using Slimbox make sure it is Slimbox2 and not Slimbox1, as the latter relied on the Mootools framework. Slimbox2 was rewritten to utilize jQuery.

    • The use of the “$” can be a big source of the conflict. Both MooTools and jQuery attempt to claim the “$” as their own.

    • Finally, if you are not running the latest version of MooTools, upgrading may help as version 1.2.3 introduced framework compatibility mode. Read more about it here:

      http://mootools.net/blog/2009/06/19/mootools-123-released/

    Avatar of wordpressfan
    wordpressfan
    Participant

    @wordpressfan

    3 years, 7 months ago

    I’d love to hear how the Mootools slider might work in the profiles area. I’m looking for a way to present a vertical slider where members can toggle among activity, groups joined and friends.

    Avatar of roam2rome
    roam2rome
    Participant

    @roam2rome

    3 years, 7 months ago

    Thank you, Jeff.

    I did go ahead and update Mootools and modify the plug-in as per their specifications (replacing the “$”) but I could not get it to work.

    So, it’s back to how it was (only working on the front page)

    …but I’m determined to make it work since I love my theme and it’s up and ready with cool features like the cinema effect, the sliding Image Menu header, toggle features, and the vertical slide box, and I don’t want to re-do it all over again in a new framework.

    Avatar of Chouf1
    Chouf1
    Participant

    @chouf1

    3 years, 7 months ago

    Did you here about jquery no conflict mode ?

    jQuery.noConflict()

    http://docs.jquery.com/Core/jQuery.noConflict

    Here an exemple: (page is in french, but code is in english)

    http://blog.jaysalvat.com/articles/faire-cohabiter-jquery-et-prototype-ou-mootools.php

    Avatar of David Lewis
    David Lewis
    Participant

    @takeo

    3 years, 7 months ago

    Personally… I would just try to make it work with jQuery instead since WordPress already includes it… and then you won’t be using two JS Frameworks. I’m pretty sure that anything MooTools can do… jQuery can do.

    Avatar of roam2rome
    roam2rome
    Participant

    @roam2rome

    3 years, 7 months ago

    Yes, David, I think I’m just going to have to delete all of my MooTools plugins and find their jQuery equivalent. *sigh*

    Cleaner.

    Like Jeff said, the new MooTool framework, and especially the upcoming 2.0 solves this problem, but the code I use is not…

    Luckily, I did find the jQuery equivalent to my beloved MooTools Image Menu.

    Thanks everyone!

Viewing 6 replies - 1 through 6 (of 6 total)

You must be logged in to reply to this topic.

Topic Info

Topic Tags