Question

将标题转换为链接在从here下载的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>

我该怎么办？谢谢:)）

Answer 1

我在lightbox.js找到了解决此问题的方法。您必须修改if案例，添加else条件，避免在点击false“灯箱时始终返回div。

 $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版上面列出的更好的解决方案。在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') });

我已根据此更改发起了pull request，因此您可以关注状态以及其中的任何进一步讨论。

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确实有效，并且交换非常简单，因为它使用相同的语法。

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

4 个答案: