logo
Ask your WordPress questions! Pay money and get answers fast! (more info)

Warning: Please do not give out any FTP or ssh credentials to anyone, unless you trust them completely. Giving out login details is dangerous.

If the asker does not get an answer then they have 10 days to request a refund.

$10
JQuery Conflict

Hi upon my site: http://www.testing-websites.com/popcorn/portfolio/

I have a JQuery slider which works great, however I have just added a JQuery login box that drops down from the header.

The JQuery login box works fine when I add this call the the header.php of wordpress:

<script src="http://www.testing-websites.com/popcorn/wp-content/themes/popcorn/js/jquery.js" type="text/javascript"></script>

But when I add that it breaks all the other JQuery functionality on the page.

As you see the site now, the above call is NOT added.

I read something about a jQuery.noConflict() but don't know how or where to add this.

Can someone help me?

Thanks

This question has been answered.

Ross Gosling | 07/26/11 at 10:11am Edit


(4) Possible Answers Submitted...

See a chronological view of answers?

Warning: Please do not give out any FTP or ssh credentials to anyone, unless you trust them completely. Giving out login details is dangerous.

  • avatar
    Last edited:
    07/26/11
    10:30am
    Jerson Baguio says:

    I think your jQuery.noConlict() is setup already.


    Jquery is setup on your site. but if you need that version try put this code on the footer 


    
<script src="http://www.testing-websites.com/popcorn/wp-content/themes/popcorn/js/jquery.js" type="text/javascript"></script>

  • avatar
    Last edited:
    07/26/11
    10:34am
    Ram Kumar says: 

    <script type="text/javascript" src="other_lib.js"></script>
    
<script type="text/javascript" src="jquery.js"></script>
    
<script type="text/javascript">
    
  $.noConflict();
    
  jQuery(document).ready(function($) {
    
    // Code that uses jQuery's $ can follow here.
    
  });
    
  // Code that uses other library's $ can follow here.
    
</script>

    JUST USE THIS CODE.

    Previous versions of this answer: 07/26/11 at 10:34am

  • avatar
    Last edited:
    07/26/11
    10:33am
    Christianto says:

    Hi,
    Change javascript.js on http://www.testing-websites.com/popcorn/wp-content/themes/popcorn/js/

    to this code


    
jQuery(document).ready(function($){
    

    
    $("div.panel_button").click(function(){
    
        $("div#panel").animate({
    
            height: "100px"
    
        })
    
        .animate({
    
            height: "80px"
    
        }, "fast");
    
        $("div.panel_button").toggle();
    
    
    
    }); 
    
    
    
   $("div#hide_button").click(function(){
    
        $("div#panel").animate({
    
            height: "0px"
    
        }, "fast");
    
        
    
    
    
   });  
    
    
    
});

  • avatar
    Last edited:
    07/26/11
    10:35am
    Hai Bui says:

    Hi,

    Please open this file http://www.testing-websites.com/popcorn/wp-content/themes/popcorn/js/javascript.js and replace the content with this:

    jQuery(document).ready(function($) {
    
	$("div.panel_button").click(function(){
    
		$("div#panel").animate({
    
			height: "100px"
    
		})
    
		.animate({
    
			height: "80px"
    
		}, "fast");
    
		$("div.panel_button").toggle();
    
	
    
	});	
    
	
    
   $("div#hide_button").click(function(){
    
		$("div#panel").animate({
    
			height: "0px"
    
		}, "fast");
    
		
    
	
    
   });	
    
	
    
});

    Previous versions of this answer: 07/26/11 at 10:35am

This question has expired.



Ross Gosling voted on this question.



Current status of this question: Completed



Warning: Please do not give out any FTP or ssh credentials to anyone, unless you trust them completely. Giving out login details is dangerous.

If the asker does not get an answer then they have 10 days to request a refund.