0

我有一些 jQuery 脚本，可以在这里找到：http: //jsfiddle.net/RUqNN/45/

当我将此脚本合并到我的 wordpress 模板中时，我不起作用。

我检查了 jquery 源链接，重写了代码，没有任何效果。

<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>
4

3 回答 3

1

您的网站出现以下 javascript 错误：“$ 不是函数”。看起来 jQuery 与其他一些库发生冲突。这可以通过调用 jQuery.noConflict() 并将所有 $ 替换为 'jQuery' 来解决。代码如下所示：

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

});
于 2012-04-14T14:25:23.830 回答
0

你应该在你的模板functions.php文件中注册你的js文件：

wp_register_script('jquery', 'http://code.jquery.com/jquery-1.7.2.min.js');

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

于 2012-04-14T14:04:28.120 回答
-1

作为一般规则，您不应该使用$变量 for ，jQuery除非您使用了其中一个快捷方式。以下是如何使用 jQuery 快捷方式安全使用$变量的示例：

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

要在 wordpress 上加载 jquery，请使用以下 2 个版本之一。Plugin Page在OR 处包含代码function.php

function include_jQuery() {
    if (!is_admin()) {
        wp_enqueue_script('jquery');
    }
}
add_action('init', 'include_jQuery');

当然，您可以使用任何有意义的函数名来代替 off include_jQuery。

或者，您可以使用以下代码：

function include_jQuery() {
    if (!is_admin()) {
        // comment out the next two lines to load the local copy of jQuery
        wp_deregister_script('jquery'); 
        wp_register_script('jquery', 'http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js', false, '1.8.3'); 
        wp_enqueue_script('jquery');
    }
}
add_action('init', 'include_jQuery');

您可能也喜欢这个链接，我个人从那里学习上述技术。非常感谢Ericm Martin！

于 2013-01-07T18:15:38.923 回答