1

さまざまな ID を持つさまざまなリンクにカーソルを合わせて、jQuery アラートを表示しようとしています。

ホバーされた各リンクに基づいてアラートを調整したいと考えています。これらのリンクはテーブルから動的に作成されます...

各リンクには異なる id 属性があるため、リンクをクリックしなくても、それぞれにアラートを出すことを考えていました。

例: リンクindex.php?id=1には「これはリンク 1 のアラートです」というアラートをホバー時に表示したいなどがあります。

編集1：

div:

echo '<div class="trigger">';
            echo "<a class='trigger' href='".INDEX.'?categ='.$_GET['categ'].'&action='.$_GET['action'].'&subaction=viewlevels'.'&levelid='.$compi['Competence_ID']."'>";
            echo '<img class="linkki" src="'.KUVAT.'paivita.gif" alt="'._("tiedot").'" title="'._("What is this?").'"/></a>';
            echo '<div id="pop-up">';

            echo" <h3>Pop-up div Successfully Displayed for".$_GET['levelid'].
                    "</p></div>";

編集2：

<head>
        <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.5.0/jquery.min.js"></script>
        <script type="text/javascript">

        $('.trigger').mouseover(function() {
               alert("You are hovering over " + $(this).attr('href').match(/id=([0-9]+)/)[1]);
            });

        </script>

しかし、それは常に levelid が未定義であることを教えてくれます..(もちろん、フォームが送信されていないため)

4

5 に答える 5

3

はい、これには jQuery のmouseover()を使用できます。

$('.trigger').mouseover(function() {
   alert("This is an alert for link " + $(this).attr('href').match(/id=([0-9]+)/)[1]);
});

ID の使用から共通クラスの使用に変更する必要があります。

于 2013-03-28T10:46:50.977 に答える
1

コンテナの子要素のリンクにjquery関数をバインドするには、以下のコードを使用します

$(document).ready(function(){

     jQuery("#container a").each(function() {

         jQuery(this).mouseover(function() {
         alert(jQuery(this).attr('href'));
       });
    });

});

于 2013-03-28T10:55:54.783 に答える
0 
  $('#aid').mouseover(function(){alert('whatever you want'+this.id)});

ドキュメントhttp://api.jquery.com/mouseover/

于 2013-03-28T10:49:42.147 に答える
0

また、and を使用することもできます。これには、whenと for の.hover2 つのコールバックがあります。hover-overhover-out.

$('a').hover(function(){
  alert($(this).attr('href'));
},function(){
  alert('hover out');
});
于 2013-03-28T10:50:27.937 に答える
0

リンクを動的に作成している場合は、属性クラス (sampleclass など) と属性 ID (「リンク」とデータベースからの ID 値を連結) を各リンクに関連付けます。

今

$(document).redy(function(){
  $(".sampleclass").hover(function(){
     alert("This is " + $(this).attr("id"));
  });
});
于 2013-03-28T10:53:11.753 に答える