Joomla Templates Club 406,261 posts

[tso2085 Friend tso2085Join date: July 2006Posts: 18Downloads:1Uploads:1 Thanks: 5]

#177470

I am using JA Community Plus and Mega Menu with CiviCRM. I am running J2.5.4 and CiviCRM 4.1.2.
When I load a CiviCRM profile (like member list), or new member page, or event display, *** from a menu link only ***etc. the sub-menu items on Mega Menu will not drop down. The base menu items still work, so when I click to another menu page that does not include a CiviCRM function, the sub-menus work fine. If I load a CiviCRM function using a wrapper or <embed src…> command, for example, the Mega Menu works fine. It is only when I build the menu item using one of the built-in civiCRM selections that it does this behavior.

I have submitted a ticket on CiviCRM forum (actually added to an existing one) http://forum.civicrm.org/index.php/topic,24174.0.html , but we are not getting any feedback.

JA folks are always helpful! So thanks in advance if you can help.

Craig

[tfosnom Friend tfosnomJoin date: October 2010Posts: 742Downloads:0Uploads:31 Thanks: 145 Thanked: 200 times in 94 posts]

#454645

Hi There
Generally when the Mega menu sub menus wont work, its a JQuery conflict, many plugins and extensions have an option to fix JQuery conflicts or not load it. In most 2.5 templates JQuery has been already loaded by another item. It appears two loads is one to many, I’m unfamilar with the CiviCRM settings, so suggest you look in the backend for a JQuery conflict fix option or option to turn off JQuery. Another possible solution to try may be to turn JS optimisation etc. to NO in template manager parameters.

Cheers Shannon

1 user says Thank You to tfosnom for this useful post

1. Saguaros

[Saguaros Moderator SaguarosJoin date: September 2014Posts: 31405Downloads:237Uploads:471 Thanks: 845 Thanked: 5346 times in 4964 posts]

#454835

And post link here where we can see the issue 🙂

[tso2085 Friend tso2085Join date: July 2006Posts: 18Downloads:1Uploads:1 Thanks: 5]

#456973

The link is currently

http://whitakerweb.net/hen2

On the front page, you will see that Mega Menu works fine. If you select “New Membership” under the “Membership” menu, it will display a CiviCRM form. Now, on this page, the Mega Menu hover sub-menus do not work.

I added a module called “JQuery Easy”, and when I enabled it, the Mega Menu would work on the “New Membership” page, but all of the CiviCRM form would not display.

I really appreciate any help from the community.

Thanks,
Craig

[Ninja Lead Moderator Ninja LeadJoin date: November 2014Posts: 16064Downloads:310Uploads:2864 Thanks: 341 Thanked: 3854 times in 3563 posts]

#458882

Hi Craig,

I have checked on your site. I saw it’s conflicted jQuery with Mootools,


<script type="text/javascript">var cj = jQuery.noConflict(); $ = cj;</script>
<script type="text/javascript">
cj('#crm-container')
.live('click', function(event) {
if (cj(event.target).is('.btn-slide')) {
var currentActive = cj('#crm-container .btn-slide-active');
currentActive.children().hide();
currentActive.removeClass('btn-slide-active');
cj(event.target).children().show();
cj(event.target).addClass('btn-slide-active');
} else {
cj('.btn-slide .panel').hide();
cj('.btn-slide-active').removeClass('btn-slide-active');
}
});
</script>


please open code com_civicrm component and find above script and add script below


<script type="text/javascript">jQuery.noConflict();</script>


Regards

1 user says Thank You to Ninja Lead for this useful post

1. tso2085

[tso2085 Friend tso2085Join date: July 2006Posts: 18Downloads:1Uploads:1 Thanks: 5]

#459402

Thanks Ninja! I had kind of given up since I hadn’t seen a reply for some time. Thank you for looking at this and taking the time to analyze my site. I put the suggested code in the “jquery.js” file for the civivrm component (at the very bottom) and that worked.

Much appreciated !!

[Author]

Posts