Строка Javascript внутри строки

Question

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

<a href="images/gallery/1.jpg" class="lytebox" data-title="<br /><a href='javascript:popUp('images/junk1.php')'/>Add a Comment</a>">
    <img src="images/thumbnails/1.jpg" border="0">
</a>

Видите ли, когда я добираюсь до 'javascript:popUp('images/junk1.php')', я уже использовал апострофы, поэтому он не загружается. Я читал о строках внутри строк и пытался экранировать их через \, но это не работает. Любая помощь?

Answer 1

Использовать HTML-сущности .Как то так (не тестировалось):

data-title="<br /><a href="javascript:popUp('images/junk1.php')"/>Add a Comment</a>"

Answer 2

хорошо ... как насчет того, чтобы немного изменить вызов ... не уверен, что это сработает, но вы можете попробовать.

<a href="images/gallery/1.jpg" class="lytebox" data-title="<br /><a data-img='images/junk1.php' onclick='popUp(this.dataset.img)'/>Add a Comment</a>"><img src="images/thumbnails/1.jpg" border="0"></a>

или вы можете сделать так, как предлагает грабить ...

<a href="images/gallery/1.jpg" class="lytebox" data-title="<br /><a href='javascript:popUp(&quot;images/junk1.php&quot;)'/>Add a Comment</a>">
    <img src="images/thumbnails/1.jpg" border="0">
</a>