javascript - 单击表列时不调用单击函数

标签 javascript jquery html onclick jquery-selectors

我不明白为什么 JavaScript 中的点击功能不起作用。我正在根据 JSON 文件中的值创建一个表,并将类分配给表列。

以下是从 JavaScript 添加后的 HTML 结构:

html table structure

$(function(){
  //Code that adds table goes here

  $('#plane td.availableSeat').click(function() {
    console.log('Clicked');
    $(this).className = 'selectedSeat';
  });
});

即使我(认为)选择器是正确的,点击函数似乎从未被调用?

大家有什么建议吗?

最佳答案

正如您在此处看到的,您的代码有效。 https://jsfiddle.net/pnz4re7w/

只需确保在从上述 JSON 填充表格后调用您的 $('#plane td.availableSeat').click 即可。

现在看起来您正在加载时分配单击事件,然后填充表。

关于javascript - 单击表列时不调用单击函数,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/35495337/

相关文章:

javascript - 在 HTML canvas 上绘制的视频只能在 chrome 中播放,即使使用 webm

html - 我似乎无法居中 <section>

javascript - Primefaces 条码宽度

javascript - 使用与 javascript 关联的数组进行搜索?

javascript - JQuery 验证器 : error checking and message management

jQuery UI 如何在父级的父级上设置可拖动包含选项

javascript - 单击正文关闭侧边菜单

javascript - 将垂直堆积条转换为水平堆积条 D3.js v4

javascript - 是否可以在 css-in-js 中测试自定义数据属性?

javascript - 通过 Google Apps 脚本中的 API 组合 GET 和 POST 请求