悬停时查询淡出元素

jQuery fadeout element on hover

本文关键字：元素 淡出 查询 悬停      更新时间：2023-09-26

我有一个WordPress网站，当填写表单时，如果抛出错误，则插件会显示一个包含错误文本的<span>。

我试图使用 jQuery 淡出该文本，我已经尝试了以下两种方法都无济于事......

$(".wpcf7-not-valid-tip").on("mouseenter", function(){
        alert( 'test');
});
$('.wpcf7-not-valid-tip').hover(
      function () {
       $(this).fadeOut();
});

我的 HTML 标记正在输出

，如下所示... 
<span class="wpcf7-form-control-wrap telno">
    <input type="text" size="40" class="wpcf7-form-control wpcf7-text wpcf7-validates-as-required field wpcf7-not-valid" value="" name="telno">
    <span class="wpcf7-not-valid-tip">Please fill the required field.</span>
</span>

是否有可能在项目存在之前绑定事件？

试试这个，看看你是否有更多的运气

$('.wpcf7-not-valid-tip').live('mouseenter', function(ev) {
    $(this).fadeOut();
});

或

$(".wpcf7-not-valid-tip").on("mouseenter", function(ev){
    $(this).fadeOut();
});
相关文章：