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>',
) );

我尝试在开头的h3代码中添加onmouseover='$("#unscramble").unscramble(); return false;'，但不出所料，它打破了我的页面。我不知道如何应用这种效果。现在安排它的方式，我认为鼠标悬停在一个触发器上会触发页面上的所有h3，而我只想触发当前的h3我将它鼠标移开。我正在尝试使用'解密'效果，可以在https://github.com/jaz303/jquery-grab-bag

找到

任何帮助都非常感谢：）

Answer 1

尝试将其绑定到别处：

$("h3.widget-title").mouseover(function() {
    // do something
}).mouseout(function() {
    // do something else
});

Answer 2

您必须确保将您在jQuery（unscramble - 部分）中选择的ID（$('#unscramble')）应用到h3 s（尽管这不会使用多个h3，请忘记这一点） OR 选择通过$(this)触发该功能的元素（这是首选，因为您可以使用尽可能多的元素如你所愿）。

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

请参阅以下示例：http://jsfiddle.net/uZvYw/1/和http://jsfiddle.net/uZvYw

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

Answer 3

即使在PHP中放入HTML或javascript代码也不是一个好习惯。但你是否在鼠标悬停时逃脱了单引号？像：

onmouseover=\'$("#unscramble").unscramble(); return false;\'

在PHP中应用JS onmouseover效果

3 个答案: