1

マウスオーバーまたはホバーで日付を表示したいのですが、今はオンクリックです。ツールチップを使用してデータを表示しましたが、マウスオーバーでデータを表示したいです。いろいろ試しましたが、うまくいきませんでしたか? どんな体でも助けていただければ幸いです。よろしくお願いします。

これは私のコードです。クリックでマウスオーバー/ホバーに変更したいです。

 <script>
 $(".ajax_link").click(function(e) {

e.preventDefault(); //Stops link from changing the page

var link = $(this).attr('href'); //Gets link url

$.ajax({ //Make the ajax request
  url: link,
  cache: false
}).done(function( html ) { //On complete run tooltip code

    //Display tooltip code goes here, returned text is variable html
    .done(function( html ) { 
        alert("text: " + html);
    });
});
});
</script>
4

4 に答える 4

3

これを変更してみることができます：

$(".ajax_link").click(function(e) {

これに：

$(document).on('hover mouseover mouseenter', ".ajax_link", function(e) {
     //e.preventDefault(); //<-------you can take this out no need for this

ページのジャンプを止めたい場合は、次のようにします。

$(".ajax_link").click(function(e) {
   e.preventDefault(); // or return false;
});
于 2013-03-08T05:54:21.300 に答える
2

これを使用できます。両方のイベントで機能します。

 $('#element').on('hover mouseover', function() {
        ...
    });
于 2013-03-08T05:46:34.943 に答える
1

なぜだけではないのですか？

 <script>
$(".ajax_link").mouseover(function(e) {

e.preventDefault(); //Stops link from changing the page

var link = $(this).attr('href'); //Gets link url

$.ajax({ //Make the ajax request
  url: link,
  cache: false
 }).done(function( html ) { //On complete run tooltip code

//Display tooltip code goes here, returned text is variable html
.done(function( html ) { 
    alert("text: " + html);
});
});
});
</script>

？.mouseoverを使用できない理由はありますか？

于 2013-03-08T05:42:44.623 に答える
1

ホバー機能を使用します。

$('id').hover(function() {
  /* code for mouseover */
}, function() {
 /* code for mouseout */
});
于 2013-03-08T05:43:31.747 に答える