Установка встроенного URL с помощью Jquery - PullRequest
Новая
       23

Установка встроенного URL с помощью Jquery

1 голос
/ 25 января 2011

Я использую следующий код для отображения значков социальных сетей при наведении: Вы можете увидеть сайт здесь: 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);
          }
        });

Проблема, с которой я сталкиваюсь, находится в URL-адресе Facebook, где вы видите (это). Я хочу динамически добавить URL-адрес ссылки, связанной с текущим a находящимся при наведении курсором. По сути, я хочу добавить URL-адрес элемента, на который наведен курсор, в область (this) URL-адреса. Кто-нибудь? * * 1006

Ответы [ 2 ]

2 голосов
/ 25 января 2011

Более приятный (на мой взгляд) способ создания элементов - использовать аргумент объекта свойств.

Кроме того, я предполагаю, что вы хотите загрузить новые элементы только один раз, а затем просто затемнить их. 

$('.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);
}
1 голос
/ 25 января 2011 
$('<a href="http://www.facebook.com/sharer.php?u=' 
    + $(this).attr("href") + ' target="blank">
...