サポート » 使い方全般 » 要素の追加についてJQuery Append

  • 解決済 ruri528002

    (@ruri528002)


    すみません、Wordpressの質問というよりはJQueryの質問なのですが
    複数回要素を動的に追加したく、テスト的にintervalを使用して
    エレメントの生成→削除を行うスクリプトを作成しました。

    AppendについてはCloneを使う必要があるようでエレメント自体をcloneしてAppnedしたのですが
    以下の部分で不具合が解決できず、質問させていただきました

    生成の部分で
    $(‘#div-mov’).append(ele);とすると1回目は問題なく生成されますが、2回目以降生成されません
    $(‘#div-mov’).append(ele_clone);とすると1回目から生成されません

    どうすれば生成→削除を繰り返すことができるかわかる方いらっしゃいますでしょうか

    `setInterval(
    (function() {
    console.log(“interval”);
    //生成するエレメントを取得
    //var html = $(‘#ele’).html();
    var ele = $(
    ‘<figure class=”wp-block-video”><video id=”MovPlayer” name=”MovPlayer” autoplay muted src=”” controls=”controls” <video id=”MovPlayer” name=”MovPlayer” autoplay muted controls=”controls” style=”position:absolute; top:0;left:0; width: 100%; height: 100%; background: #FFF; z-index: 9999999999;”></video>></video></figure>’
    );
    //video obj存在チェック
    if ($(‘#MovPlayer’).length > 0) {
    console.log(“存在するので削除”);
    $(‘#div-mov’).remove();
    } else {
    console.log(“存在しないので生成”);
    var ele_clone = ele.clone;
    $(‘#div-mov’).append(ele_clone);
    }
    return false;
    }), 5000)

2件の返信を表示中 - 1 - 2件目 (全2件中)
  • $('#div-mov').remove();

    要素をappendしようとしている親要素自体を削除してしまっているからではないでしょうか。
    また、WordPressに関連の無いご質問は別の所でお願い出来ればと思います。

    トピック投稿者 ruri528002

    (@ruri528002)

    解決しました!ありがとうございました!

2件の返信を表示中 - 1 - 2件目 (全2件中)
  • トピック「要素の追加についてJQuery Append」には新たに返信することはできません。