Question

我想在Bootstrap Popover内部进行输入，然后按Enter键以使用Ajax将输入保存到数据库中，但是具有keypress事件的代码无法使用Popover输入，但是可以用于Popover外的输入。

$('.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对象，并在事件发生后使用选择器对keypress事件进行操作

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

通过ID而不是标签名称来寻址元素也更好，更具体

http://api.jquery.com/on/用选择器检查版本。

Answer 2

我认为您可以将其创建为其他函数并调用该函数，而不是直接调用。有时，引导程序会覆盖其功能，而不是使用我们的调用

密钥输入在引导程序弹出窗口输入内部不起作用-jQuery

2 个答案: