php - 在PHP中应用JS onmouseover效果

Question

我的问题可能相当简单，但我还没有达到那个技能水平。我想在我的 Wordpress 侧边栏中的 H3 上使用 jQuery 应用文本扰乱效果。我在这里找到了 H3 标签(before_title 和 after_title):

register_sidebar( array(
    'name' => __( 'Main Sidebar', 'twentyeleven' ),
    'id' => 'sidebar-1',
    'before_widget' => '<aside id="%1$s" class="widget %2$s">',
    'after_widget' => "</aside>",
    'before_title' => '<h3 class="widget-title" >',
    'after_title' => '</h3>',
) );

我尝试添加 onmouseover='$("#unscramble").unscramble(); return false;' 在开始的 h3 标签中，但它破坏了我的页面，这并不奇怪。无论如何，我不确定如何应用这种效果。按照现在的安排方式，我认为将鼠标悬停在一个触发器上将触发页面上的所有 h3，而我只想触发当前鼠标悬停的 h3。我正在尝试使用“unscramble”效果，可以在 https://github.com/jaz303/jquery-grab-bag 找到该效果。

非常感谢任何帮助:)

Answer 1

您必须确保将您在 jQuery(unscramble 部分)中选择的 ID ($('#unscramble')) 应用到您的 h3 中。 (尽管这不适用于多个 h3，所以忘记这一点)或 通过 $(this) 选择触发该功能的元素(这是强烈推荐的，因为您可以将它与任意数量的元素一起使用)。

将读取:onmouseover='$(this).unscramble();' 您可以跳过return false;顺便说一句，因为这不是一个链接或其他具有默认鼠标悬停行为的东西(至少我是这么认为的)。

查看这些示例:http://jsfiddle.net/uZvYw/1/和 http://jsfiddle.net/uZvYw

编辑:正如其他人所说，我也认为在单独的 <script> 中生成此行为会更好一些。 ，但这只是一个旁注