javascript - 使用烧瓶在套接字 io 中创建动态事件

Question

我一直在尝试使用 flask-socket.io 解决事件处理程序的问题。我设法附加了一些 html 代码，但现在我想用新的 HTML 代码创建一个事件处理程序。有可能的？这是客户端：

    socket.on( 'busqueda', function(msg) {
$('#listcanciones').append('<div class="row justify-content-center no-gutters mb-5 mb-lg-15" id="'+msg.id+'" style="cursor: pointer;"> <div class="col-lg-3 text-center"><img class="img-fluid" src="'+msg.foto+'" alt=""></div> <div class="col-lg-3 text-center"><div class="bg-black  h-100  text-center" style= "width: 300px ;margin:0px auto"><div class="d-flex h-100 text-center"><div class="project-text w-100 my-auto text-center text-lg-left"><h4 class="text-white">'+msg.nombre+'</h4><p class="mb-0 text-white-50">'+msg.artista+'</p><hr class="d-none d-lg-block mb-0 ml-0"><h4> </h4><p class="mb-0 text-white-50">Votos: '+msg.votos+'/20</p></div></div></div></div></div>');
});

我创建了一个 id 来管理 div，并且使用我存储的静态 div 我没有任何问题，我为存储的数据创建事件处理程序，如下所示：

{%for i in range(0,cont)%}
$('#{{canciones[i]['idcancion']}}').on('click',function(event) {
   socket.emit('my_event', {id: '{{canciones[i]['idcancion']}}'});
 return false;
});
{%endfor%}

有没有办法动态创建事件？谢谢你。

标签： javascriptflasksocket.ioflask-socketio