ThemeShaper Forums Topic: Themaic jQuery conficts with anything else I try to do.

ThemeShaper Forums Topic: Themaic jQuery conficts with anything else I try to do. http://themeshaper.com/forums/ Help In Shaping WordPress Themes en Sat, 18 May 2013 21:36:56 +0000 kga on "Themaic jQuery conficts with anything else I try to do." http://themeshaper.com/forums/topic/themaic-jquery-conficts-with-anything-else-i-try-to-do#post-23542 Fri, 21 Oct 2011 04:18:46 +0000 kga 23542@http://themeshaper.com/forums/ Update. I moved on to another modal plugin, which does actually load, but now there is another conflict with jQuery, again (this plugin integrates with Contact Form 7 - when you hit the "submit" button to send the message, the screen goes blank, which according to the developer, is a jQuery conflict. What the hell? Does Thematic conflict with every other jQuery-based plugin or feature? In general, how do you stop this or prevent it? kga on "Themaic jQuery conficts with anything else I try to do." http://themeshaper.com/forums/topic/themaic-jquery-conficts-with-anything-else-i-try-to-do#post-23534 Thu, 20 Oct 2011 16:28:24 +0000 kga 23534@http://themeshaper.com/forums/ Hi Helga, 1) It looks like #md-content, but if you look at the source code all around it, there is a lot going on. 2) I tried that before and it did not work (you actually helped on it). I just now combined them again and they seem fine. 3) Yes - "Modal Dialog" helgatheviking on "Themaic jQuery conficts with anything else I try to do." http://themeshaper.com/forums/topic/themaic-jquery-conficts-with-anything-else-i-try-to-do#post-23527 Thu, 20 Oct 2011 04:29:47 +0000 helgatheviking 23527@http://themeshaper.com/forums/ 1. i looked in the markup and i can't find anything that looks like it would be a modal. what is the content of the modal window? the div id? 2. <pre><code><script type="text/javascript"> //<![CDATA[ jQuery.noConflict(); jQuery(document).ready(function($) { //tells WP to recognize the $ variable //paste your jquery code here //Hide (Collapse) the toggle containers on load $(".answerextension").hide(); //Switch the "Open" and "Close" state per click $("h2.moreinfo").toggle(function(){ $(this).addClass("active"); }, function () { $(this).removeClass("active"); }); //Slide up and down on click $("h2.moreinfo").click(function(){ $(this).next(".answerextension").slideToggle("fast"); }); }); $(document).ready(function(){ //Hide (Collapse) the toggle containers on load $(".answer").hide(); //Switch the "Open" and "Close" state per click $("h2.question").toggle(function(){ $(this).addClass("active"); }, function () { $(this).removeClass("active"); }); //Slide up and down on click $("h2.question").click(function(){ $(this).next(".answer").slideToggle("fast"); }); }); $(document).ready(function (){ $('#crossfader_nav a').click(function(){ var integer = $(this).attr('rel'); $('#crossfader .cover').css({left:-775*(parseInt(integer)-1)}).hide().fadeIn(500); $('#crossfader_nav a').each(function(){ $(this).removeClass('active'); if($(this).hasClass('button'+integer)){ $(this).addClass('active')} }); }); }); }); //end document ready functions /* ]]> */ </script></code></pre> i dont see anything in there for the modal window, but it is all sort of messed up. some of your //comments look like you referenced by post on jquery, but where it says to paste your jquery, you don't paste the document.ready bit again. <pre><code>jQuery(document).ready(function($) { //tells WP to recognize the $ variable //paste your jquery code here $(document).ready(function(){</code></pre> delete that $(document) line and combine everything into the one document.ready block 3. is the modal generated by a plugin? kga on "Themaic jQuery conficts with anything else I try to do." http://themeshaper.com/forums/topic/themaic-jquery-conficts-with-anything-else-i-try-to-do#post-23525 Thu, 20 Oct 2011 03:31:44 +0000 kga 23525@http://themeshaper.com/forums/ Well, it does not work at all; that's the problem. The modal overlay should appear front-and-center within one second, on any page. When I deactivate Thematic, it works fine. It has to be something brought in from Thematic. helgatheviking on "Themaic jQuery conficts with anything else I try to do." http://themeshaper.com/forums/topic/themaic-jquery-conficts-with-anything-else-i-try-to-do#post-23524 Wed, 19 Oct 2011 17:33:31 +0000 helgatheviking 23524@http://themeshaper.com/forums/ how do i launch a modal to see the conflict? nothing shows in console on load. kga on "Themaic jQuery conficts with anything else I try to do." http://themeshaper.com/forums/topic/themaic-jquery-conficts-with-anything-else-i-try-to-do#post-23522 Wed, 19 Oct 2011 15:03:13 +0000 kga 23522@http://themeshaper.com/forums/ I need to install a modal plugin - I've tried many - none work. Once I deactivate Thematic and just go to the stock 2011 theme, they work fine. Site in question: <a href="http://fasstco.kgaspeedmedia.com/" rel="nofollow">http://fasstco.kgaspeedmedia.com/</a> How do I get around this / fix the conflict? As you can see, I'm trying to get a plugin Easy Modal to work.