使用 Jquery 设置内联 URL

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 URL 中（这个）。我想动态添加与当前悬停的 a 关联的链接的 URL。基本上，我想将悬停在该元素上的 URL 添加到 URL 的（此）区域中。有人吗？

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">