Home/ Questions/Q 7783191
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-01T19:45:58+00:00

I have this bit of jQuery script that can be found here: http://jsfiddle.net/RUqNN/45/ When

  • 0

I have this bit of jQuery script that can be found here: http://jsfiddle.net/RUqNN/45/

When I incorporate this script into my wordpress template, I doesn’t work.

I’ve check the jquery source link, rewritten the code, nothing works.

<html>
<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
</head>
    <body>
      <script type="text/javascript">
        $(document).ready(function() {
          $(".move").toggle(
            function() {
              $("#teetimetag").animate({
                right: "0px"
              }, "normal");
            },function() {
              $("#teetimetag").animate({
                right: "-200px"
              }, "normal");
          });
        });
    </script>
      <div id="teetimetag">
         <img class="move" src="http://test.tooheavytoskydive.com/wp-content/themes/newtheme/images/flag.png" style="float: left;" />
        <div style="margin: 15px 0 0 50px;">
          <a href="http://test.tooheavytoskydive.com/reservations/" style="color: #FFF; font-weight: bold; font-size: 17px;">Reserve your Tee-Time</a>
        </div>
      </div>
    </body>
    </html>
Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    Your website gives the following javascript error: ‘$ is not a function’. It looks like jQuery conflicts with some other library. This can be solved by calling jQuery.noConflict() and replacing all $ with ‘jQuery’. The code will look as follows:

    jQuery.noConflict();
jQuery(document).ready(function() {
          jQuery(".move").toggle(
            function() {
              jQuery("#teetimetag").animate({
                right: "0px"
              }, "normal");
            },function() {
              jQuery("#teetimetag").animate({
                right: "-200px"
              }, "normal");
          });

});
    • 0