悬停时的jQuery淡出元素

Question

我有一个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>

Answer 1

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

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

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

或

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