【问题标题】:Stop jQuery Cycle from adjusting height and width of containers停止 jQuery Cycle 调整容器的高度和宽度
【发布时间】:2012-02-05 16:48:23
【问题描述】:

我正在使用 jQuery Cycle 插件。有问题的页面在这里:

http://harrisonfjord.com/folio/test.html

左侧的菜单使用 Cycle 插件控制页面中间的内容。很简单。但是,cycle 是给滑动框添加了一堆样式:

<div class="adSlideBox" id="asics" style="position: absolute; z-index: 8; top: 0px; left: 0px; display: block; width: 1020px; opacity: 1; ">

有问题的违规代码是正在设置的width 属性;我正在基于流畅的布局构建站点,并且图像旨在在调整窗口大小时调整大小。一切正常,直到 Cycle 将讨厌的宽度规则添加到我的每张幻灯片!

我怎样才能让它停止这样做?我已经使用containerResize: 0, 进行验证,但无济于事。这是 jQuery 调用:

$('#adSlideshow').cycle({ 
    fx:     'fade', 
    speed:  'fast', 
    timeout: 0,  
    pager:  '#menu',
    containerResize: 0,
    pagerAnchorBuilder: function(idx, slide) { 
        // return selector string for existing anchor 
        return '#menu li:eq(' + idx + ') a'; 
    }
});

顺便说一句,我使用的是完整版的 Cycle,因此切换 containerResize 选项应该可以工作,但不能。想法?

是否可以进入 cycle.js 代码,然后将这部分功能撕掉?

编辑:忽略右侧菜单在调整页面大小时行为怪异的事实,它实际上应该位于底部,但为了简单起见,我在此测试站点中编辑了其余代码。

【问题讨论】:

  • 你试过slideResize: 0吗?
  • 呸!那行得通,这对我来说是多么简单的忽略。请重新发布作为答案,我将标记为正确!

标签: jquery jquery-cycle


【解决方案1】:

containerResize: 0之外使用slideResize: 0

【讨论】:

  • 我也有。我通过将体高设置为 100% 来修复我的……这对我进行了排序……
猜你喜欢
  • 1970-01-01
  • 2011-03-13
  • 2014-09-29
  • 1970-01-01
  • 2011-12-02
  • 2019-01-27
  • 1970-01-01
  • 2022-01-26
  • 1970-01-01
相关资源
最近更新 更多