要素の追加についてJQuery Append
-
すみません、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)
- トピック「要素の追加についてJQuery Append」には新たに返信することはできません。