Forums

ciro73

Hi everybody

I´m tryng to apply some JavaScript to modify the width of three css classes. This is the code of my index.php, but nothing happens. I´m really new at using jquery and Javascript, perhaps this isn´t allowed?

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

  <div id="blog">

  <div id="destacados">
  <script type="text/javascript">
   $(function() {
  $('.destA').hover(function() {
      $('.destB,.destC').css('width', '40');
  }, function() {
      $('.destB,.destC').css('width', '');
  }

  );
  $('.destB').hover(function() {
      $('.destA,.destC').css('width', '40');
  }, function() {
      $('.destA,.destC').css('width', '');
  }

  );
  $('.destC').hover(function() {
      $('.destA,.destB').css('width', '40');
  }, function() {
      $('.destA,.destB').css('width', '');
  }

  );

});

    </div>

    <div class="destB">

    </div>


    <div class="destC">

    </div>



  </div>

ChrisP

I'm no jquery pro by any means, but I can tell you that the $ to call variables conflicts with WordPress's variables..

try wrapping your jquery in:

jQuery(function ($) {
  /* You can safely use $ in this code block to reference jQuery */
});

ciro73

It totally worked.

Thanks man.

treehouse : what would you like to learn today?

Forums

[Solved] Using JavaScript in Wordpress