[jquery]Evento click per controlli dinamici

[dontesse]

Ciao a tutti
in una pagina aggiungo dei controlli in modo dinamico.
Vorrei associare a questi controlli l'evento click.
Ho provato con:
<label id="btnModVideo" class="btnModVideo">click</label>

$('[id*="btnModVideo"]').on('click', function (e) {
modificaVideo($(this).attr("videoID"));
});

e con

$('.btnModVideo').click(function (e) {
modificaVideo($(this).attr("videoID"));
});

ma non funziona. Sono costretto a fare così:
<label id="btnModVideo" onclick="modificaVideo()">click</label>

ma questo non va sempre bene.
Come posso associare l'evento click ad eventi inseriti dinamicamente?
Grazie mille

[Zed93]

Sono interessato anche io dato che con i microdati di html5 pochi browser funzionano

[Vindav]

$(document).on('click', '#btnModVideo', function () {
modificaVideo($(this).attr("videoID"));
});

[Zed93]

@Vindav

$(this).attr("videoID") non comporta l'utilizzo di microdati ? Se no , come setto quell'attributo ?

[Vindav]

ciao, se non ho capito male non è questo che crea problemi all'utente.

Se non si vuole utilezzare i data-attributes per quanto ne so l'unico modo è ricrearsi un oggetto che contenga i dati da recuperare. Se non ricordo male se ne era già parlato qualche tempo fa, e la conclusione era appunto utilizzare i data-attributes o ricrearsi un oggetto che contenga tali dati. Un esempio:

<label id="btnModVideo1" class="btnModVideo">click</label>
<label id="btnModVideo2" class="btnModVideo">click</label>
<label id="btnModVideo3" class="btnModVideo">click</label>

mydata = {"btnModVideo1" : "videoId1", "btnModVideo2" : "videoId2", "btnModVideo3" : "videoId3"};

$(document).on('click', '.btnModVideo', function () {
modificaVideo(mydata[$(this).attr("id")]);
});

[Zed93]

Grazie mille

[dontesse]

Perfetto Vindav
Dove sbagliavo?
Grazie mille

[Zed93]

dontesse :

$('[id*="btnModVideo"]').on('click', function (e) {

Vindav :

$(document).on('click', '#btnModVideo', function () {