将字幕转换为链接在灯箱 2.51 中不起作用

Question

将

标题转换为链接在从此处
下载的灯箱 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>

我该怎么办？
谢谢:)

Answer 1

我在lightbox.js中找到了这个问题的解决方案。您必须编辑if案例，添加else条件，以避免在单击div"灯箱"时始终返回false。

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

Answer 2

我找到了我认为比上面列出的使用Lightbox 2版本2.6更好的解决方案。在灯箱的第252行.js（未缩小），您将看到以下行，其中添加了标题：

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') });

我已经发起了一个包含此更改的拉取请求，因此您可以关注状态和那里的任何进一步讨论。

Answer 3

尝试在标签中使用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>

Answer 4

我无法在这里得到任何答案来为我工作。但是，我发现 Slimbox2 确实有效，并且交换非常简单，因为它使用相同的语法。