Finding a conflict between Twitter Bootstrap and TinyMCE ?

Hi guys,

Recently I got a conflict problem with twitter bootstrap menu navigation and tinyMCE. When I use tinyMCE the menu navigation does not works because of jquery conflict.

I did some tweak and that worked for me. Put the following code in any global js and do the menu navigation manually.

 

In bootstrap Toggle have some unique ID.

<a href=”#” class=”dropdown-toggle” id=”sg_drop_down_toggle” data-toggle=”dropdown”>

In the global js add the code

 

jQuery(‘#sg_drop_down_toggle’).click(function () {
    if (jQuery(‘.mceIframeContainer’).length >= 1) {
        if (jQuery(this).hasClass(‘open’)) {
             jQuery(‘.dropdown-menu’).hide();
       } else {
            jQuery(‘.dropdown-menu’).show();
       }
  }
});

 

Advertisements

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s