0

我正在将此插件用于悬停卡..http://designwithpc.com/Plugins/Hovercard

这个插件的问题是，当我将鼠标悬停在“A”标签上时，它只显示最后一个“A”标签的值，而不是预期的值，并且

例如

   <a href='aaa.com'>AAA.com</a>
   <a href='bbb.com'>BBB.com</a>
   <a href= 'ccc.com>CCC.com</a>

预期：当我将链接悬停在 AAA.com 上时，它应该显示 AAA.com，但它显示的是 CCC.com

代码：

 <script type="text/javascript">
      $(document).ready(function () {
       var hoverHTMLDemoOpenLeft = '<p id="aa1">' +'</p>';

  $('a').hovercard({
       detailsHTML: hoverHTMLDemoOpenLeft,
       width: 600,
       cardImgSrc: 'http://ejohn.org/files/short.sm.jpg',
       onHoverIn: function () {
       var a1=$('a').attr('href');
       alert(a1)
   }
  });
});

这里的问题是，当您将鼠标悬停在 AAA.com 上时，警报消息未显示 aaa.com，它向我们显示 CCC.com 有时仅显示第一个链接悬停但太错误了..

4

2 回答 2

1

试试这个：

onHoverIn: function () {
           var a1= $(this).find('a').attr('href');
           alert(a1);         
       }

使用this内部onHoverIn回调函数将范围设置为（当前）完整的悬停卡 div，其类为.hc-preview

Here's the jsFiddle for the same: http://jsfiddle.net/VjHe8/

于 2011-12-07T06:03:05.797 回答
0

您尝试从“全局”标签获取 href 属性，但您应该使用范围对象。

onHoverIn: function () {
       var a1=$('a').attr('href');
       alert(a1)
}

尝试更改$('a').attr('href');为this.attr('href');

于 2011-11-11T09:09:43.740 回答