javascript - 悬停时的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();
});