Question

我正在寻求帮助，因为我在使用jQuery的时候遇到了问题.remove（）。

我有一段看起来像这样的代码：

$( '.video-button span.glyphicon-play' ).click(function() {
    $( '#video-player' ).append( '<iframe id="youtube-video-iframe-index" width="560" height="315" src="//www.youtube.com/v/YE7VzlLtp-4?enablejsapi=1" frameborder="0" allowfullscreen></iframe>' );

    $( '.video-button span.stop-video' ).click(function() {
        $('iframe#youtube-video-iframe-index').attr('src', '');
        $( 'iframe#youtube-video-iframe-index' ).remove();
    });
});

主要想法是将iframe代码段附加一次＆＃34; span.glyphicon-play＆＃34;单击，稍后单击＆＃34; span.stop-video＆＃34;将其删除。代码第一次工作，它附加并删除指示的代码片段，但之后它只是不再附加iframe元素。＆＃34; span.glyphicon播放＆＃34;和＆＃34; span.stop-video＆＃34;是不同类的相同元素。

你们是否知道为什么会这样？提供的任何提示都将非常感谢！

Answer 1

正如@sideroxylon建议的那样，删除＆＃34; stop-video＆＃34;点击之后元素中的类可能有用（真的，我不知道因为我没有尝试过）。

我的解决方案，因为我匆忙，就是要创建一个与课程不同的元素＆＃34; stop-video＆＃34;触发.remove（）事件，这与其他一些解决方法有关。

感谢所有人提供的所有帮助。

jQuery在删除后不附加代码

1 个答案: