小编tra*_*ine的帖子

jQuery Cycle 2响应中心幻灯片

我正在尝试使用优秀的Cycle 2 jQuery插件设置响应式图像库.画廊将展出肖像和风景图像.

我使用的是Centered Slides选项(Cycle2的中心插件:http://jquery.malsup.com/cycle2/demo/center.php),这似乎导致Webkit浏览器出现问题(尝试调整浏览器窗口大小,如果这不是'一开始很明显!)

http://goo.gl/NFFZk

绿色背景代表循环容器.

如果没有添加中心选项(data-cycle-center-horz = true data-cycle-center-vert = true),整个过程运行良好,请参阅:

http://goo.gl/p76wi

我无法弄清楚导致中心版本问题的原因.

图像上的CSS代码非常小:

.cycle-slideshow img {
    max-height: 100%;
    max-width: 100%;
}
Run Code Online (Sandbox Code Playgroud)

包含元素的CSS就在这里

.cycle-slideshow {
    background: green;
    display: block;
    position:absolute;
    height:auto;
    bottom:0;
    top:0;
    left:0;
    right:0;
    margin:20px auto;
    padding:0;
    width:80%;
    }
Run Code Online (Sandbox Code Playgroud)

非常感谢您的帮助!

jquery jquery-cycle landscape-portrait responsive-design

6
推荐指数
1
解决办法
6998
查看次数

jQuery-appendTo上一个/上一个元素

我已经在这里找不到了,希望有人能提供帮助。

我需要将链接(.more)附加到其前面的段落中-我确定这很简单,但不能完全正确:

<p>Lorem ipsum</p>

<p>Lorem ipsum</p>

<p>Lorem ipsum</p>

<a href="#" class="more">Read more</a>

<p>Lorem ipsum</p>
Run Code Online (Sandbox Code Playgroud)

最终的HTML中可能有更多的段落,我需要这样做的原因与CMS有关。但是基于以上内容,我的目标是:

<p>Lorem ipsum</p>

<p>Lorem ipsum</p>

<p>Lorem ipsum <a href="#" class="more">Read more</a></p>

<p>Lorem ipsum</p>
Run Code Online (Sandbox Code Playgroud)

我试过了:

$(".more").appendTo("p");
Run Code Online (Sandbox Code Playgroud)

但这显然会附加到所有段落中……也许这是prevAll的工作,但我不能完全同意。

在此先感谢您的帮助!

jquery appendto

3
推荐指数
1
解决办法
1890
查看次数

使用jQuery切换附加/删除视频

我想知道是否有人可以帮助我 - 我正在尝试使用jQuery在点击"切换"类的按钮时将视频加载到页面中.在第二次点击时,我希望删除视频 - 有效地在追加和删除之间切换.

这是迄今为止的代码 - 因为它的切换按钮只是继续添加更多的视频实例.我知道到目前为止还没有切换功能,希望有人可以了解实现这一目标的最佳方法.我还在学习jQuery :)

$(function(){
    $('.toggle').click(function(e) {
    e.preventDefault();
    var content = '<video id="my_video"><source src="animation.mp4" type="video/mp4"/></video>';
    $('#videowrapper').append(content);
    _V_('my_video', {'controls': true});
    });
});
Run Code Online (Sandbox Code Playgroud)

非常感谢您的帮助!

jquery

0
推荐指数
1
解决办法
4238
查看次数