hyperlink - 将标题转换为链接在 Lightbox 2.51 中不起作用

Question

将标题转换为链接在从此处下载的 Lightbox 2.51 中不起作用
这是代码：

<a href="images/examples/image-1.jpg" rel="lightbox" 
  title="&lt;a target='_self' href='http://www.google.com'&gt;Google&lt;/a&gt;">
  <img src="images/examples/thumb-1.jpg" alt="" />
</a>

我应该怎么办？
谢谢：）

score 11 · Accepted Answer

我在lightbox.js. 您必须编辑if案例，添加在“灯箱”中单击时else避免始终返回的条件。falsediv

 $lightbox.hide().on('click', function(e) {
    if ($(e.target).attr('id') === 'lightbox') { 
        _this.end();
        return false;
    }
    else { // HERE
        return true; 
    }
  });

score 3 · Accepted Answer

我发现我认为比上面列出的使用 Lightbox 2 2.6 版的解决方案更好。在 lightbox.js（未缩小）的第 252 行，您将看到添加标题的这一行：

this.$lightbox.find('.lb-caption').html(this.album[this.currentImageIndex].title).fadeIn('fast');

添加标题后，您可以注册单击事件并通过添加到链上来强制浏览器跟随标题中的任何链接，如下所示：

this.$lightbox.find('.lb-caption').html(this.album[this.currentImageIndex].title).fadeIn('fast').find('a').on('click', function() { location.href = $(this).attr('href') });

我已针对此更改发起了拉取请求，因此您可以在此处关注状态和任何进一步的讨论。

score 1 · Accepted Answer

尝试在标签中使用 javascript

onClick="window.location.href='http://www.google.com'"

样本

    <a href="images/examples/image-1.jpg" rel="lightbox" 
  title="&lt;a target='_self' onClick=&quot;window.location.href=&#x27;http://www.google.com&#x27;&quot;   href='http://www.google.com'&gt;Google&lt;/a&gt;">
 <img src="images/examples/thumb-1.jpg" alt="" />
</a>

score 0 · Accepted Answer

我一直无法在这里得到任何为我工作的答案。但是，我发现Slimbox2确实有效，并且由于使用相同的语法，因此可以非常直接地进行交换。

hyperlink - 将标题转换为链接在 Lightbox 2.51 中不起作用

4 回答 4

Related