1

我试图通过将鼠标悬停在具有不同 ID 的不同链接上来显示 jQuery 警报。

我想根据悬停的每个链接定制警报。这些链接是从表中动态创建的...

每个链接都有不同的 id 属性，所以我想为每个链接设置警报，而不必单击链接。

例如：一个链接可能有index.php?id=1所以我想在悬停时显示一个警报，上面写着这是链接 1 的警报，等等。

编辑1：

分区：

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

您还可以使用.hoverand 有两个回调一个 whenhover-over和一个 forhover-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 回答