Question

我试图通过将鼠标悬停在具有不同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未定义..（当然因为表格尚未发送）

Answer 1

是的，您可以使用jQuery的mouseover()：

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

您应该使用ID更改为使用公共类。

Answer 2

在容器子元素的链接上绑定jquery函数使用代码

$(document).ready(function(){

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

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

}）;

Answer 3

  $('#aid').mouseover(function(){alert('whatever you want'+this.id)});

文档http://api.jquery.com/mouseover/

Answer 4

您还可以使用.hover，其中hover-over有两个回调，hover-out.有一个

$('a').hover(function(){
  alert($(this).attr('href'));
},function(){
  alert('hover out');
});

Answer 5

如果要动态创建链接，则将属性类（例如sampleclass）和属性id关联（将数据库中的“link”和id值连接）与每个链接相关联

现在

$(document).redy(function(){
  $(".sampleclass").hover(function(){
     alert("This is " + $(this).attr("id"));
  });
});

从链接获取价值而不点击它？

5 个答案: