JS脚本不适用于模态

时间:2015-12-16 09:40:49

标签: javascript jquery button modal-dialog click

当点击输入键时,我试图点击带有js的按钮。

document.onkeydown = function(event) {
  if (event.keyCode == 8) {
    document.getElementById('alert_next').click();

  }
return event.returnValue;
}

它确实可以使用页面上的按钮。但是一旦我尝试在一个模态按钮上使用它,脚本似乎无法工作。

编辑:我很愚蠢.. 错误只是加载脚本的时间

1 个答案:

答案 0 :(得分:0)

您需要创建一个文档事件监听器

基本上我认为正在发生的是这个

jsFiddle:https://jsfiddle.net/7c8rza12/

HTML

<button id="add">
Add
</button>
<div id="content">

</div>

jquery的

$(function()
{
    $('#add').on('click', function()
  {
    $('#content').html("<p class='info'>Click here for info</p>");
  });

  $('.info').on('click', function()
  {
    alert($(this));
  });
});

我们有.info的点击事件,但是文档已经准备好了,所以当我们添加新内容时,它并不知道将点击事件绑定到此。我们需要做的是这个

jsFiddle:https://jsfiddle.net/7c8rza12/1/

jquery的

$(function() {
  $('#add').on('click', function() {
    $('#content').html("<p class='info'>Click here for info</p>");
  });

  $(document.body).on('click', '.info', function() {
  alert($(this));
  });
});