Клавиша ввода не работает внутри загрузочного поповера ввода - JQuery

Question

Я хочу сделать ввод внутри загрузчика popover и пошел. Я нажимаю ввод, чтобы сохранить ввод в базу данных с помощью ajax, но код с событием нажатия клавиши не работает с вводом всплывающего окна, но работает с вводом за пределами всплывающего окна.

$('.btn-danger').popover({content: "<input type='text' class='form-control' name = 'suma-budzet' id = 'suma-budzet'>", html: true,}); 

$('input').on("keypress", function(e) {
if (e.which == 13) {
   alert('ya!');
}

Answer 1

Поскольку содержимое всплывающего окна не загружается во время загрузки страницы, вы не можете напрямую обращаться к объекту DOM.Вместо этого используйте родительский объект DOM и воздействуйте на событие нажатия клавиши с помощью селектора после события

$('body').on('keypress','#suma-budzet', function(e){
  if (e.which == 13) {
    alert('ya!');
  }
}

Также лучше и конкретнее обращаться к элементу по идентификатору, а не по имени тега

http://api.jquery.com/on/ проверить версию с помощью селектора.

Answer 2

Я думаю, вы можете создать это как другую функцию и вызывать эту функцию вместо непосредственного вызова.иногда bootstrap переопределяет свою функцию, а не использует наши вызовы