Question

我想知道是否有人可以帮助我 - 我正在尝试使用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});
    });
});

非常感谢您的任何帮助！

Answer 1

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

Answer 2

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

Answer 3

添加一项检查是否已播放视频，如果是则将其删除。

$(function(){
    $('.toggle').click(function(e) {
    e.preventDefault();
    var content = '<video id="my_video"><source src="animation.mp4" type="video/mp4"/>    </video>',
        search = $('video#my_video').length;
    if(search > 0) {
        $('video#my_video').remove();
    } else {
        $('#videowrapper').append(content);
        _V_('my_video', {'controls': true});
    }
    });
});

这样的事情就足够了。

感谢你贬低我，我不小心按下了标签来制作空格，这把我的注意力集中在后按钮上，然后我按下了输入因为我想要一个新行，它在我完成之前发布了我的帖子：P < / p>

Answer 4

 $('#videowrapper').html(content);

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

4 个答案: