sách gpt4 ai đã đi

javascript - 淡出 Div 内容 - 空 Div 内容 - 淡入新内容

In lại 作者:行者123 更新时间:2023-11-30 06:34:46 35 4
mua khóa gpt4 Nike

我正在为我的按钮使用 onClick 功能。我的按钮代码如下所示:

Button 1
Button 2

我的 JS 函数如下所示:

function fadeNext(selectedId, speed) {

var containerID = '#imageSwap';
var vis = ($(containerID + ' div:visible').length > 0) ? $(containerID + ' div:visible').eq(0) : $(containerID + ' div').eq(0);
var next = $(selectedId);
vis.fadeOut(speed);

next.fadeIn(speed);
}

这会正确淡化内容并且效果很好,但视频内容 (Vimeo) 在不可见时仍会播放。尝试了这个 JS,但仍然没有运气:

function fadeNext(selectedId, speed) {

var containerID = '#imageSwap';
var vis = ($(containerID + ' div:visible').length > 0) ? $(containerID + ' div:visible').eq(0) : $(containerID + ' div').eq(0);
var next = $(selectedId);
vis.fadeOut(speed, function() {
$(this).empty().show();
});

next.fadeIn(speed);
}

有了这个JS,内容不再淡出或清空。

我是一名 JS 菜鸟,在让 empty() 代码工作时遇到了问题。这样做的主要原因是我的 DIV 将包含视频 (Vimeo)。当用户点击更改内容时,我希望视频被卸载,因此视频/声音不再播放。

如有任何帮助/建议,我们将不胜感激!

1 Câu trả lời

检查我的 fiddle 叉:http://jsfiddle.net/tutanramen/umJQ9/16/

我添加了指向外部资源的链接:https://raw.github.com/vimeo/player-api/master/javascript/froogaloop.js

然后我给每个 iframe 一个 id(v1 和 v2 但他们没有用在这个 fiddle 中)和一个播放器类。

然后将其添加到 fadeNext:

$(".player").each(function() {
$f($(this)[0]).api("pause");
});

现在,当您点击选择另一个视频时,它实际上会暂停所有视频。

关于javascript - 淡出 Div 内容 - 空 Div 内容 - 淡入新内容,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/15282762/

35 4 0
行者123
Hồ sơ cá nhân

Tôi là một lập trình viên xuất sắc, rất giỏi!

Nhận phiếu giảm giá Didi Taxi miễn phí
Mã giảm giá Didi Taxi
Giấy chứng nhận ICP Bắc Kinh số 000000
Hợp tác quảng cáo: 1813099741@qq.com 6ren.com