Fancybox 标题不适用于包含“&”符号的超链接

发布于 2024-11-09 16:34:10 字数 1119 浏览 0 评论 0原文

我正在使用最新的 Fancybox 1.3.4 和最新的 jQuery 1.6.1，并且我还在标题中使用超链接，这是有效的，例如：

<a 
  href="pathtoimage.jpg" 
  title="Some text and a hyperlink: &lt;a href=&quot;http://www.someclient.com&quot;&gt;LINKTEXT&lt;/a&gt;">
    <img src="pathtoimage.jpg" alt="alt text of image" />
</a>

但是如果目标 URL 包含多个参数，以下内容不起作用：

title="Some text and a hyperlink: &lt;a  href=&quot;http://www.someclient.com?a=1&amp;b=2&quot;&gt;LINKTEXT&lt;/a&gt;">

如何正确编码 ?a=1&b=2 以便Fancybox 不会损坏吗？

谢谢！

Chrome 控制台中的 JavaScript 错误：

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

原文

I am using the latest Fancybox 1.3.4 and the latest jQuery 1.6.1 and I am also using Hyperlinks in the caption, which works, e.g.:

<a 
  href="pathtoimage.jpg" 
  title="Some text and a hyperlink: <a href="http://www.someclient.com">LINKTEXT</a>">
    <img src="pathtoimage.jpg" alt="alt text of image" />
</a>

But the following does not work if the target URL contains more than one parameter:

title="Some text and a hyperlink: <a  href="http://www.someclient.com?a=1&b=2">LINKTEXT</a>">

How can I encode ?a=1&b=2 correctly so that Fancybox does not break?

Thanks!

Javascript error in Chrome console:

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

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

两相知 2024-11-16 16:34:10

这有效：请参阅 http://wichry.net/page/test.html 处的示例

代码：

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

This works: see Example at http://wichry.net/page/test.html

Code:

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

回复收藏 0 原文

~没有更多了~