2012-05-09 18 views
0

フォームが記入されたときにエラーがスローされた場合、プラグインには<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

関連する問題