调用文档中的多个函数就绪

Question

我准备好文档中的多个函数。都是用ids点击函数调用的

$(function(){
  $('#show').click(function(){
    //do something
  });
  $('#cancel').click(function(){
    //do something
  });
  $('#send').click(function(){
    //do something
  });
});

在#show 中，我创建了一个元素，其中创建了#cancel 和#send id。但是单击它们时没有任何反应，调试时也没有出现任何错误。

在 #show 中，我将所有 HTML 写在一个变量中，然后使用 .append 将其放置到位。

Answer 1

正如jQuery docs所说：事件处理程序仅绑定到当前选定的元素；它们必须在您的代码调用 .on() 时存在于页面上（并且 click(...) 只是 on('click',...)

的快捷方式

处理此问题的一种方法是委托事件，如此处所述。在你的情况下，它可能是这样的：

$(function(){
  $('#show').click(function(){
    //do something
  });
  $('body').on('click', '#cancel', function(){
    //do something
  });
  $('body').on('click', '#send', function(){
    //do something
  });
});

调用文档中的多个函数就绪

Calls to multiple functions in document ready

jquery