Tengo el siguiente método de clic en un elemento:
$('.searchInputContainer a.dnnSearchBoxClearText').on('click', function () { var $this = $(this); var $wrap = $this.parent(); $('.searchInputContainer input').val('').focus(); $this.removeClass('dnnShow'); $('.searchSkinObjectPreview', $wrap).remove(); return false; });Pero después de inicializar el elemento menuzord, el método de clic ya no funciona.
jQuery(document).ready(function () { jQuery("#menuzord").menuzord({ align: "left", indicatorFirstLevel: "<span class='hide-on-desktop hide-on-tablet'> <i class='fa bw-ico-arrow-small-down' aria-hidden='true'></i></span>", indicatorSecondLevel: "<i class='bw-ico-arrow-small-down hide-on-mobile' aria-hidden='true'></i><i class='bw-ico-arrow-small-down hide-on-desktop hide-on-tablet' aria-hidden='true'></i>" }); });¿Alguien sabe a qué se puede deber esto? ¿O tal vez Menuzord sobrescribe el evento?
Después de usar el selector en el método "on" de JQuery, funcionó:
$('.searchInputContainer').on('click', 'a.dnnSearchBoxClearText', function () { var $this = $(this); var $wrap = $this.parent(); $('.searchInputContainer input').val('').focus(); $this.removeClass('dnnShow'); $('.searchSkinObjectPreview', $wrap).remove(); return false; });Pero no entiendo lo diferente. Sería bueno si alguien me lo puede explicar.