Eltern-Ereignisse beim Klicken deaktivieren, aber Kindern erlauben, eigene Ereignisse zu verwalten

Question

Ich habe ein großes Upload-Formular, der Benutzer kann Bilder hier ziehen und ablegen. Aber wenn Bilder geladen werden, zeige ich Button, der beim Klicken auf eine Seite verlinken sollte. Aber dieses Element, anstatt die nächste Seite zu laden, öffnet das Dateiauswahlfenster (sein übergeordnetes Standardverhalten)

Also ich überprüfe, ob Ereignis Klasse hat, wenn es wahr ist, verwende ich e.preventDefault().

Und das funktioniert besser (Ich habe kein Bild Fenster auf Link klicken klicken, aber auch dieser Link wird nicht funktionieren - jedes Ereignis ist deaktiviert) Meine Frage ist, wie kann ich jetzt die Verknüpfung aktivieren?

// jFiler is a parent - upload form, with event - on click it opens window for file choose - like input field. 
$(document).on('click', '.jFiler', function(e) { 
    if ($(event.target).hasClass("jFiler-input-done-btn")) { 
     e.stopPropagation(); 
     e.preventDefault(); 
    } 
}); 

$('.jFiler-input-done-btn').on('click',function(e) { 
    // Test works, but this is a link, and it cannot link to another page now... 
    alert ('test') 
}); 

Answer 1

Sie brechen den Link Ausführung mit e.stopPropagation() und e.preventDefault() in der Mutter click Ereignis. Sie müssen nur true dort zurückgeben.

$(document).on('click', '.jFiler', function(e) { 
    if($(event.target).hasClass("jFiler-input-done-btn")) { 
     return true; 
    } 
}); 

Answer 2

einfach auf die andere Seite innerhalb des Click-Ereignis umleiten Sie bereits anhängen:

$('.jFiler-input-done-btn').on('click',function(e) { 
    windows.location.href = $(this).attr('href'); 
}); 

//OR also 

$('.jFiler-input-done-btn').on('click',function(e) { 
    e.stopPropagation(); 
}); 

Hoffnung, das hilft.