Question

我正在使用appgyver（javascript）编写单页应用。有许多列表是使用javascript动态编写的（在外部API调用之后）。每个列表都包含一个项目，当单击/按下时，我想激发一个不同的js方法。

  function write_a_list(some_array)
    {
        $('#some_list').html("");

        for ( indexor =0; indexor < some_array.length; indexor++)
          {
              var this_option_div = $('<div>');
              this_option_div.addClass('item');
              this_option_div.addClass('some_list_item');
              this_option_div.html("Button: " + indexor);
              $('#some_list').append(this_option_div);
          }
    }

  $(document).on('click', '.some_list_item', function()
  {
    supersonic.logger.debug('some_list_item clicked');
    alert('some_list_item clicked');
  });

例如，将数组传递给write_a_list函数。如果单击某个项目，则应检测该项目并发出警报。但是，未观察到此行为。有没有办法可以使用jquery'on'方法实现这一点？

Answer 1

您正在使用this_option_div.addClass('some_list_item');，然后在可能不存在的ID上调用click事件。

将其更改为：

$(document).on('click', '.some_list_item', function() { ... }

编辑////

你能尝试最近的非动态而不是文档的父选择器吗？

$('.static-wrapper').on('click', '.some_list_item', function() { ... }

Appgyver - 点击JQuery不能动态编写项目

1 个答案: