OnClick не работает в т

Question

У меня есть следующий код:

<input class="button button-blue" type="button" onclick="jQuery.fancybox.close(); " value="Close"> 

В то есть, когда я нажимаю на кнопку OnClick обработчик события не работает. «не работает», что означает, что диалоговое окно «Причудливое окно» не закрывается. Но как только я внес изменения в значение onclick (т. Е. Добавьте пробел после jQuery.fancybox.close()), используя f12, тогда обработчик события onclick начнет работать.

Примечание:

• Там нет ошибок сценариев
• отлично работает на хром и Firefox
• кажется, что любое изменение значения OnClick будет вызывать обработчик события, чтобы начать работать.

Любые предложения по устранению неполадок?

$.fancybox({ 
     'modal': true, 
     height: '10%', minHeight: '60', 
     'content': "<div style=\"margin:10px;\">" 
     + 'Your message has been sent.' 
     + "<div style=\"text-align:center;margin-top:10px;\"><input  class=\"button button-blue\" type=\"button\" onclick=\"jQuery.fancybox.close(); Backbone.pubSub.trigger('myContentShowHide');\" value=\"My Content\"></div>" 
     + "<div style=\"text-align:center;margin-top:10px;\"><input  class=\"button button-blue\" type=\"button\" onclick=\"jQuery.fancybox.close(); \" value=\"Close\"></div>" 
}); 

Answer 1

У вас уже установлен jQuery, и он разработан специально для нормализации любых проблем, связанных с перекрестным браузером.

Так что избавитесь от обработчиков событий inline и используйте обработчики событий jQuery. Поскольку кнопка элемент еще не существует, когда этот код называется, вы должны будете использовать подход событий делегации ...

jQuery(document).ready(function($) { 

    $('body').on('click', 'input.button[value="Close"]', function() { 
     $.fancybox.close(); 
    }); 

}); 

См: http://api.jquery.com/on/

DEMO: http://jsfiddle.net/6k1o7amL/

Answer 2

Избегайте использования встроенных обработчиков событий. Привязать событие к кнопке, используя jQuery, например:

jQuery(document).ready(function(){ 

    jQuery('.button').click(function(e){ 
     jQuery.fancybox.close(); 
     e.preventDefault(); 
    }); 

});