Why jQuery doesn’t work as it should?

  • s0what

    (@s0what)


    13 years, 10 months ago

    Hi!

    I have some custom jQuery functions in my blog, to run them, I need to include standard jQuery library. Why the library, which comes with WordPress doesn’t run these standard functions?

    here are some examples of my functions:

    <script type="text/javascript">
$(function(){
	$('#show').click(function() {
	  $('#sidebar').slideToggle('slow');
	  $('#top').slideToggle('slow');
	  $("#front-list").animate({ width:"590px" }, 1500 );
	  $("#content").animate({ width:"590px" }, 1500 );
	  $('#show').hide();
	  $('#hide').show();
	});

	$('#nav_rakstu').mouseover(function(){
	 $('.post-ratings').append("<span class='post-ratings-text'><br />Blaa blaa</span>");
	});
	$('#nav_rakstu').mouseout(function(){
	 $('.post-ratings-text').remove();
	});
});
</script>

Viewing 5 replies - 1 through 5 (of 5 total)
  • esmi

    (@esmi)

    13 years, 10 months ago

    http://codex.wordpress.org/Function_Reference/wp_enqueue_script

    Thread Starter s0what

    (@s0what)

    13 years, 10 months ago

    thanks, esmi! You helped me again 🙂

    But I don’t understand how my code has to be modified. Can you please help me?

    Darrell Schauss

    (@darrellonsite)

    13 years, 10 months ago

    Try like this. Reduce conflict and runs the jquery only after the page is finished and the elements exist to be manipulated.

    <script type="text/javascript">

     var $j = jQuery.noConflict();

     // Use jQuery via $j(...) instead of $(..)
     $j(document).ready(function(){

       $j('#show').click(function() {
       .....
       }

     });
   </script>
    esmi

    (@esmi)

    13 years, 10 months ago

    As darrellonsite said, you need to look at jQuery noConflict wrappers. The explanation and workaround are near the bottom of the wp_enqueue_script Codex page.

    Thread Starter s0what

    (@s0what)

    13 years, 10 months ago

    thanks again!

    I found a solution myself 🙂
    I just had to replace $ with jQuery and put <?php wp_head(); ?> before script.

    Is there any reason now to run script the way darrellonsite said?

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Why jQuery doesn’t work as it should?’ is closed to new replies.

Tags