Блог

Главная - Вопросы по программированию - Заголовок Fancybox не работает с гиперссылкой, включающей амперсанды

Заголовок Fancybox не работает с гиперссылкой, включающей амперсанды

#jquery #fancybox #photo-gallery

#jquery #fancybox #фотогалерея

Вопрос:

Я использую последнюю версию Fancybox 1.3.4 и последнюю версию jQuery 1.6.1, и я также использую гиперссылки в заголовке, которые работают, например:

 <a 
  href="pathtoimage.jpg" 
  title="Some text and a hyperlink: amp;<a href=amp;quot;http://www.someclient.comamp;quot;amp;>LINKTEXTamp;</aamp;>">
    <img src="pathtoimage.jpg" alt="alt text of image" />
</a>

Но следующее не работает, если целевой URL содержит более одного параметра:

 title="Some text and a hyperlink: amp;<a  href=amp;quot;http://www.someclient.com?a=1amp;amp;b=2amp;quot;amp;>LINKTEXTamp;</aamp;>">

Как я могу ?a=1amp;b=2 правильно закодировать, чтобы Fancybox не сломался?

Спасибо!

Ошибка Javascript в консоли Chrome:

 Uncaught Error: INVALID_STATE_ERR: DOM Exception 11
f.extend.cleanjquery-1.6.1.min.js:18
f.buildFragmentjquery-1.6.1.min.js:17
f.fn.extend.domManipjquery-1.6.1.min.js:17
f.fn.extend.appendjquery-1.6.1.min.js:17
f.fn.extend.htmljquery-1.6.1.min.js:17
Qjquery.fancybox-1.3.4.pack.js:27
I.v.onload

Комментарии:

1. Вы пробовали использовать последнюю версию Fancybox? (1.3.4)

2. Верно, я проверю это и обновлю свой вопрос на основе результатов … спасибо!

3. Я только что подтвердил это, он все еще НЕ работает

4. Возможно, попробуйте также использовать последнюю версию jQuery и оставьте простые амперсанды с вашими параметрами (т. Е. не кодируйте ?a=1amp;b=2 )

5. смотрите обновленный вопрос, также с jQuery 1.6.1 он не работает . Я очень уверен, что проблема в fancybox. но никто не отвечает в официальной группе Google…

Ответ №1:

Это работает: смотрите пример на http://wichry.net/page/test.html

Код:

 <a href="images/slimak.png" title="Some text and a hyperlink: amp;<a  href=amp;quot;http://www.someclient.com?a=1amp;amp;b=2amp;quot;amp;>LINKTEXTamp;</aamp;>">
  <img src="images/slimak.png" alt="alt text of image" /> 
</a>