0

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

非常感谢您的帮助！

4

4 回答 4

5 
 $('.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});
    }
});
于 2012-05-09T11:48:03.657 回答
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});
        }
    });
});
于 2012-05-09T11:48:04.980 回答
0

添加检查是否已经有视频播放，如果是则删除它。

$(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});
    }
    });
});

像这样的东西就足够了。

感谢您对我投反对票，我不小心按了制表符来腾出空格，这将我的注意力转移到了发布按钮上，然后我按了 Enter，因为我想要一个新行，它在我完成之前发布了我的帖子：P

于 2012-05-09T11:47:47.670 回答
0 
 $('#videowrapper').html(content);
于 2012-05-09T11:48:01.060 回答