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

同じのjsFiddleは次のとおりです：http://jsfiddle.net/VjHe8/

于 2011-12-07T06:03:05.797 に答える
0

「global」タグから href 属性を取得しようとしましたが、scope オブジェクトを使用する必要があります。

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

に変更$('a').attr('href');してみてくださいthis.attr('href');

于 2011-11-11T09:09:43.740 に答える