MyBB Community Forums

Full Version: jQuery Menu + Profile Designs Plugin Conflict
You're currently viewing a stripped down version of our content. View the full version with proper formatting.
Okay.

For some reason my jQuery Menues turns disabled at the Members Profile when I am using Profile Design Plugins.

I think it might be a jQuery Conflict.

Does anyone have any ideas?

Link: http://www.gamerstick.com/member.php?act...file&uid=1

My Menu is using this:
<script type="text/javascript" src="images/gamerstick/scripts/ddsmoothmenu.js">
/***********************************************
* Smooth Navigational Menu- (c) Dynamic Drive DHTML code library (www.dynamicdrive.com)
* This notice MUST stay intact for legal use
* Visit Dynamic Drive at http://www.dynamicdrive.com/ for full source code
***********************************************/
</script>
 <script type="text/javascript">

ddsmoothmenu.init({
	mainmenuid: "smoothmenu1", //menu DIV id
	orientation: 'h', //Horizontal or vertical menu: Set to "h" or "v"
	classname: 'ddsmoothmenu', //class added to menu's outer DIV
	//customtheme: ["#1c5a80", "#18374a"],
	contentsource: "markup" //"markup" or ["container_id", "path_to_menu_file"]
})

ddsmoothmenu.init({
	mainmenuid: "smoothmenu2", //Menu DIV id
	orientation: 'v', //Horizontal or vertical menu: Set to "h" or "v"
	classname: 'ddsmoothmenu-v', //class added to menu's outer DIV
	//customtheme: ["#804000", "#482400"],
	contentsource: "markup" //"markup" or ["container_id", "path_to_menu_file"]
})

</script>

And the Profile Design use this:
<script type="text/javascript" src="{$mybb->settings['bburl']}/jscripts/jquery.js"></script>
<script type="text/javascript" src="{$mybb->settings['bburl']}/jscripts/colorpicker.js"></script>
<script type="text/javascript" src="{$mybb->settings['bburl']}/jscripts/eye.js"></script>
<script type="text/javascript" src="{$mybb->settings['bburl']}/jscripts/utils.js"></script>
<script type="text/javascript" src="{$mybb->settings['bburl']}/jscripts/profiledesign.js"></script>

The menu works again if I remove this:
<script type="text/javascript" src="{$mybb->settings['bburl']}/jscripts/jquery.js"></script>

Hope someone have any ideas how to solve this Big Grin
At the bottom of all the jQuery scripts for profile design add:
<script type="text/javascript">
jQuery.no conflict();
</script>
(2012-06-04, 08:50 AM)Clarkie Wrote: [ -> ]At the bottom of all the jQuery scripts for profile design add:
<script type="text/javascript">
jQuery.no conflict();
</script>

Just like this?

<script type="text/javascript" src="{$mybb->settings['bburl']}/jscripts/jquery.js"></script>
<script type="text/javascript" src="{$mybb->settings['bburl']}/jscripts/colorpicker.js"></script>
<script type="text/javascript" src="{$mybb->settings['bburl']}/jscripts/eye.js"></script>
<script type="text/javascript" src="{$mybb->settings['bburl']}/jscripts/utils.js"></script>
<script type="text/javascript" src="{$mybb->settings['bburl']}/jscripts/profiledesign.js"></script>

<script type="text/javascript">
jQuery.no conflict();
</script> 
This;
jQuery.no conflict();
should be like this;
jQuery.noConflict();

Notice the removed space between "no" and "conflict".
Thanks for the try.

But it is still making problems.

http://www.gamerstick.com/member.php?act...file&uid=1

My dropdown menu and my profile tabs doesn't work.
bump.


I am willing to pay if someone can fix this issue Big Grin
<script type="text/javascript" src="{$mybb->settings['bburl']}/jscripts/jquery.js"></script>
<script type="text/javascript" src="{$mybb->settings['bburl']}/jscripts/colorpicker.js"></script>
<script type="text/javascript" src="{$mybb->settings['bburl']}/jscripts/eye.js"></script>
<script type="text/javascript" src="{$mybb->settings['bburl']}/jscripts/utils.js"></script>
<script type="text/javascript" src="{$mybb->settings['bburl']}/jscripts/profiledesign.js"></script>

Find:
<script type="text/javascript" src="{$mybb->settings['bburl']}/jscripts/jquery.js"></script>

Add this below:
<script type="text/javascript">jQuery.noConflict();</script>

Your code should now be:

<script type="text/javascript" src="{$mybb->settings['bburl']}/jscripts/jquery.js"></script>
<script type="text/javascript">jQuery.noConflict();</script>
<script type="text/javascript" src="{$mybb->settings['bburl']}/jscripts/colorpicker.js"></script>
<script type="text/javascript" src="{$mybb->settings['bburl']}/jscripts/eye.js"></script>
<script type="text/javascript" src="{$mybb->settings['bburl']}/jscripts/utils.js"></script>
<script type="text/javascript" src="{$mybb->settings['bburl']}/jscripts/profiledesign.js"></script>
Oops delete this post please, sorry.