4

ホバー時に無効な入力フィールドがあり、このフィールドが自動的に入力されることを示すポップアップを表示したいと考えています。

<input type="text" class="dcol" data-toggle="popover" data-content="Required Field with Numeric Input" disabled="disabled" style="background-color:#FFFF66" value="">

これが機能していない私のjQueryです。

$('input:disabled').hover( 
    function(){
        alert("hello");
    },
    function(){ 
        alert("bye");
    }
 );

誰も私がこれを達成する方法を提案できますか?

4

5 に答える 5

3

マウス イベントは、無効なフィールドでは発生しません。できることは、無効なフィールドの前に要素を配置し、その要素にマウス イベントを配置することです。

これは、それを行う方法を正確に教えてくれます

ただし、他にできることは、フィールドを有効にしてホバーオーバーすると、無効にして警告メッセージを表示することです。お気に入り：

$('input').hover(function(){
  alert("hello");
   $(this).attr('disabled','disabled');        
});

そのためのフィドルを作成しました。ここで確認できます。

于 2013-09-22T08:23:42.220 に答える
2

入力ボックスを div で囲み、div のホブでアラートを発生させることができます。私はそれを試してみましたが、完璧に動作します。

<div id="hov"><input type="text" class="dcol" data-toggle="popover" data-content="Required Field with Numeric Input" disabled="disabled" style="background-color:#FFFF66" value=""></div>

$('#hov').hover(function(){
  alert("hello");      
});

これで問題が解決することを願っています。

于 2013-09-22T08:43:04.017 に答える
-1

これを試してください//HTLM

<input id="txt" type="text" class="dcol" data-toggle="popover" data-content="Required Field with Numeric Input"  style="background-color:#FFFF66" value="">

//脚本

$("#txt").hover(function(){
alert("this field will be automatically populated!"); 
 $(this).attr('disabled','disabled');

});

フィドルの例

于 2013-09-22T08:27:50.257 に答える