Vincular evento javascript de maneira dinâmica

Front-end JavaScript
#1

Estou com um problema usando o Fullcalendar na versão 1.3(não posso trocar a versão do projeto).

O Fullcalendar em algumas versões um problema conhecido que ele não consegue vincular eventos caso haja uma barra de rolagem dentro do calendário, segue uma discusão do assunto, https://github.com/fullcalendar/fullcalendar/issues/3615.

Na versão que estou usando eu consigo vincular um evento manualmente fazendo assim.

$(document).on('click','.fc-slot18 ',function(){   			
     document.getElementById('dynCalendar').href= "calendarioEdit.jsp?start=" + start + "&idCalendario=<%= idCalendario %>";

     document.getElementById('dynCalendar').click();		    
	calendar.fullCalendar('unselect');
			
});

O problema é que as classes que tenho que vincular o evento de click são muitas e não da pra saber quantas vão aparecer, acima eu vinculo o evento na classe ‘.fc-slot18’, isso pode ter ‘.fc-slot19…’, tem como eu vincular o evento apenas pelo começo do nome da classe? tipo somente começado com ‘.fc-slot’ ?

1 curtida
#2

Pesquisando aqui, você consegue usar um filtro extendido para seletores no jquery: https://j11y.io/javascript/regex-selector-for-jquery/

Com isso você conseguirá obter os elementos usando regex.

1 curtida
#3

Obrigado @Lucas_Camara, agradeço, não sabia que dava para fazer isso, mas resolvi meu problema, usando jquery, fiz um seletor baseado no parent.
$(documento).on('click','seletor',function(){ // funcao });

1 curtida