更新后Jquery Colorbox Next和Previous按钮不起作用

时间:2014-08-26 05:03:21

标签: javascript jquery lightbox colorbox caroufredsel

我正在使用Colorbox - 一个jQuery灯箱,最近将其从版本1.3.20更新到版本1.5.10。现在,Previous和Next按钮不起作用。

现有的colorbox对象配置如下,

$(".inline").colorbox({
                    arrowKey: false,
                    reload: false,
                    customClick: true,
                    customTyping: false,
                    width: '655px',
                    loop: false,
                    scrolling: false,
                    inline: true,
                    rel: 'inline',
                    href: $(this).attr('href'),
                    click: $(this).click(),
                    current: 'Item {current} of {total}'
                });

$(“。inline”)是一个锚元素数组。

  <div id="foo" data-bind="with: carouselItems">
            <!-- ko foreach:items -->
            <div class="carouselItem">
                <a class='inline' data-bind="attr: { href: '#BlogCarousel' }, click: $root.load">
                    <input id="carouselElements" type="hidden" data-bind="value: Id" />
                    <img data-bind="attr: { src: PreviewImageUrl }" />
                </a>
            </div>
            <!-- /ko -->
        </div>

是否应更改“下一个”和“上一个”按钮的配置? 似乎重新加载,customClick,customTyping,单击属性在Colorbox插件中不再可用。这些房产有哪些替代方案?

1 个答案:

答案 0 :(得分:1)

阅读

时所说的文档
arrowKey: false

取消激活箭头,因此设置

arrowKey: true

阅读更改日志,也许这是一个有趣的部分:

Version 1.4.0 - 2013/2/12

Better accessibility:
   Replaced div controls with buttons

所以你可以在淘汰赛中更改你的选择器,或者点击触发代码?!