gpt4 book ai didi

javascript - 具有动态创建内容的 document.querySelector

转载 作者:行者123 更新时间:2023-11-28 03:51:23 28 4
gpt4 key购买 nike

<分区>

我有一个使用 jQuery 动态创建的 div,我正在尝试使用 Wavesurfer.js,它需要使用 document.querySelector 选择元素。由于元素是使用 jQuery 动态创建的,因此选择器无法识别这些元素。

$( document ).ready(function() {
$("#audio").append('<div class="row" id="wave6" class="wave"></div>');

$('#audio').on('DOMNodeInserted', 'div', function () {
var id = 6;
window['waveForm' + id] = Object.create(WaveSurfer);

window['waveForm' + id].init({
container: document.querySelector('wave' + id),
waveColor: 'violet',
progressColor: 'purple'
});

window['waveForm' + id].on('ready', function () {
window['waveForm' + id].play();
});

window['waveForm' + id].load(id + '.mp3');
});

到目前为止,这是我的代码。 id 由 jQuery 在动态创建元素时分配。

28 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com