Ссылка внутри атрибута заголовка

Question

Я заметил, что многие пользователи сталкивались с той же проблемой, пытаясь получить ссылку в одном из атрибутов заголовка внутри лайтбокса, ColorBox.

Я пытаюсь добиться того, чтобызаголовок для одной из картинок в сгруппированной галерее, который говорит что-то вроде:

"My website: Click <a href:"http://thompson-mcclellan.com"
target="_blank">Here</a>"

для одной из картинок в моей сгруппированной галерее.Но ничего не появляется всякий раз, когда я пытаюсь закодировать его, как вы заявили в обсуждении выше.

Вот мой JQuery:

$("a[rel='portfolio'] #tmc").colorbox({title:'Click <a
href="http://thompson-mcclellan.com">Here</a>'});

Вот мой HTML:

<a id="tmc" href="images/portfolio/tmc.jpg" rel="portfolio"><img
src="images/portfolio/tmc_thumb.jpg" alt="" /></a>

Вот мой пример веб-сайта: http://abrielshipley.com/portfolio/index.html

Answer 1

Прежде всего, на вашей странице примера идентификатор tmc применяется к тегу a, а не к чему-то внутри него.Так что наш селектор ошибочен.Просто используйте $('#tmc').

Что касается colorbox, заголовок должен быть функцией, возвращающей отображаемый текст, а не статической строкой.

Итак

$("#tmc").colorbox({
     title: function() { 
               return 'Click <a href="http://thompson-mcclellan.com">Here</a>';
            } 
});