$（文件）.on（“点击”）不工作，但$（'选择器'）。on（“点击”）的工作原理是什么？

Question

我正在使用video.js和video.js库通过脚本标记加载我想跟踪列表项上的点击功能并更新播放器菜单。

$(".vjs-menu-item").on("click" ,function(){ alert('selector');});

但不能正常使用

$(document).on("click",".vjs-menu-item", function() {alert('document'); });

因此$(document)方法仅适用于在同一页面上添加的这些项目，即

<p id="vjs-menu-item"> click me </p>

Answer 1

此处选择器为id，但您引用的是class

更改为

$(document).on("click","#vjs-menu-item", function() {alert('documnet'); });

或使用class代替html

中的ID

<强> HTML

<p class="vjs-menu-item">Click me</p>

<强> JS

$(document).on("click",".vjs-menu-item", function() {
    alert('document');
});

Answer 2

$(document).ready(function(){
    $("#vjs-menu-item").click(function(){
    alert('document');
  });
});

jsfiddle

Answer 3

用class＆＃34替换你的id;这对你有帮助＆＃34;

$(document).ready(function(){
   $("#vjs-menu-item").on("click",function(){
   alert('document'); 
   });
});