2012-05-09 37 views
0

我有一个wordpress网站,当一个表格被填写,如果错误被抛出然后该插件显示一个<span>与错误文本内。悬停jQuery fadeout元素

我试着去淡出文本出来使用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> 
+0

似乎很好地工作:http://jsfiddle.net/j08691/SybUV/ – j08691

+0

正好!刚刚检查小提琴,没​​事的 –

+2

文档准备好后事件是否被绑定?如果不是,它可能没有被束缚。尝试使用$('。wpcf7-not-valid-tip')。live('mouseenter',function(){// whatever}) – benastan

回答

0

是否有可能在物品存在之前绑定事件?

试试这个,看看如果你有更多的运气

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

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

我想你在回答问题时在你的问题中增加了'.on'示例。 – Dutchie432