Question

我使用以下代码在悬停时显示社交图标：您可以在此处查看该网站：http://vitaminjdesign.com/adrian/

$('a').live('mouseover mouseout', function(event) {
          if (event.type == 'mouseover') {

            $('<a href="http://www.facebook.com/sharer.php?u=(this)" target="blank"><img src="images/facebook.gif" class="facebook" alt="facebook"></a>').appendTo(this).fadeIn(500);
            $('<a href="#"><img src="images/twitter.gif" class="twitter" alt="twitter"></a>').appendTo(this).fadeIn(500);
          } else {
            $('a').find('.facebook,.twitter').stop(true, true).fadeOut(500);
          }
        });

我遇到的问题是在你看到的facebook网址中（这个）。我想动态添加与正在悬停的当前a关联的链接的网址。基本上，我想将正在悬停的元素的URL添加到URL的（this）区域中。任何人吗？

Answer 1

创建元素的一种更好的方式（在我看来）是使用属性对象参数。

另外，我假设您只想加载一次新元素，然后再淡化它们。

$('.rssRow').live('mouseenter mouseleave', function(event) {
      var twitFace = $(this).find('.facebook,.twitter');
      if (event.type == 'mouseover') {
            if( twitFace.length ) {
                twitFace.fadeIn(500);
            } else { 
                loadTwitFace.call(this);
            }
      } else {
            twitFace.stop(true, true).fadeOut(500);
      }
 });

function loadTwitFace() {

    $('<a>', { href:'http://www.facebook.com/sharer.php?u="' + $(this).find('a').attr('href') + '"',
             target:"blank"})
        .append($('<img>',{       src:'images/facebook.gif',
                            className:'facebook',
                                  alt:'facebook'}))
        .appendTo(this)
        .fadeIn(500);
}

Answer 2

$('<a href="http://www.facebook.com/sharer.php?u=' 
    + $(this).attr("href") + ' target="blank">

使用Jquery设置内联URL

2 个答案: