хранить рядом URL и вставить в подсказку с помощью jQuery

Question

У меня есть несколько jQuery, которые заставляют эти изображения расширяться при наведении, и появляется всплывающая подсказка с названием изображения.

http://jsfiddle.net/nathanbweb/7juZY/5/

(Это два отдельных плагина; да, я уверен, что есть более эффективный идеальный способ. Но это не мой вопрос.) Есть ли простой способ вставить ссылку "More Info" в эту подсказку, которая соответствует "More Информация "ссылка уже под эскизом?

Я думаю, это будет выглядеть примерно так:

$(".tooltip").append(' '<a href="' + thelink + '">More Info</a>' ');

но я так плохо разбираюсь с переменными, мне нужна помощь, чтобы сохранить ссылку из одного места (в ul> li> a) и затем повторно использовать ее в приложении.

Answer 1

Да, что-то вроде этого подойдет.

var thelink;
thelink = $(this).find("a").attr("href");
$(".tooltip").append('<a href="' + thelink + '">More Info</a>');

Я не думаю, что нужно использовать плагин всплывающей подсказки, вы получили его почти прямо в своем коде (прокомментированная часть), просто сделайте немногоисследование переменных в javascript и как их использовать.

edit: я не знаю, что произойдет, когда всплывающая подсказка будет создана после того, как hover запущен, я думаю, что тогда она не будет работать, я бы предложил использоватьчто-то вроде кода ниже при наведении курсора на создание всплывающей подсказки.

var title, tooltip, thelink, moreinfo;

thelink = $(this).find("a").attr("href");
moreinfo = $('<a href="' + thelink + '">More Info</a>');
title = $(this).find("img").attr("title");
tooltip = $("<div class='tooltip'>" + title + "</div>");

tooltip.append(moreinfo);
$(this).append(tooltip);

Answer 2

Вы не можете иметь тег <a></a> внутри атрибута заголовка.Я бы порекомендовал jQuery взять заголовок и отобразить его в Div, а затем расположить Div над полем, над которым вы наводите курсор.