Question

我正在尝试创建一个打开任何网址的模式，其中a标记具有特定的类。

在colorbox文档中，它以此为例：

// ColorBox can accept a function in place of a static value:
$("a.gallery").colorbox({rel: 'gal', title: function(){
  var url = $(this).attr('href');
  return '<a href="' + url + '" target="_blank">Open In New Window</a>';
}});

我的HTML结构是：

“class =”modal“rel =”gal“＆gt;

        <h2 id="post-<?php the_ID(); ?>"><?php the_title(); ?></h2>

        <div class="entry">
            <?php the_excerpt(); ?>
        </div>

</div>

我的JS是：

jQuery(".modal").colorbox({rel: 'gal', title: function(){
  var url = jQuery(this).attr('href');
  return '<a href="' + url + '" target="_blank">Open In New Window</a>';
}});

但它只是没有触发 - 我没有得到任何控制台JS错误 - 谁能看到这里有什么问题？

Answer 1

您在colorbox()元素上使用<div>方法，这些元素不是该方法的有效元素。此方法仅可用于<a>元素。

Answer 2

完全误解了这个功能 - 如果你试图按照我在开场白中概述的那样做，那么就使用iframe功能。

e.g。

jQuery(function () {
    jQuery(".modal").colorbox({iframe:true, innerWidth:425, innerHeight:344});    
})

Answer 3

parent。$。colorbox.resize（{width：460，height：130}）;

任何网址的Colorbox模式

3 个答案: