jquery - 无法让任何元素反弹

Question

我在一个普通的 html 页面上工作，但现在我已经把它带入了 wordpress，它没有。所有 jQ 库（jQuery、ui-core、效果）都已入队并加载，我的脚本已入队并加载。我什至可以使用下面的脚本来获取背景颜色来更改元素。

只是无法让任何元素反弹。

我的脚本：

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

    //Add bounce effect 
    $('#bouncy1').mouseover(function () {
          $(this).effect("bounce", { times:2 }, 700);
    });

});

的HTML：

           <!-- remove the # in the div id -->
           <div id="#bouncy1">
                        <div id="copyright">
                        <p><?php echo date('Y'); ?></p>
                        </div>
            </div>

Answer 1

您正在使用元素的 id，包括#标记中的 。

这应该是：

<div id="bouncy1">
  <div id="copyright">
    <p><?php echo date('Y'); ?></p>
  </div>
</div>