Javascript 在文档准备就绪的平板电脑设备上使用jquery单击功能不工作

我不是一个JS开发人员，我只是一个网页设计师，大部分时间处理简单的JS交互

我正在使用jquery-1.11.3和jquery.mobile v1.4.5，它们仅具有核心功能和滑块功能。 作为平板电脑，我有一个带有firefox beta浏览器的kindle和一个带有safari浏览器的ipod

我在理解平板电脑和浏览器关于点击事件功能和文档准备的一些JS行为时遇到问题

$(function(){
  $('.menu-ham').click(function(){
    alert("test")
  });
});

$(document).on('click', '.menu-ham', function(){
    alert("test")
})

点击事件在平板电脑上不起作用，但在网络浏览器上却能完美地工作

如果在文档外使用此选项，请改为“准备就绪”

$(function(){
  $('.menu-ham').click(function(){
    alert("test")
  });
});

$(document).on('click', '.menu-ham', function(){
    alert("test")
})

它就像一个符咒。只是我不确定这是否会对浏览器造成问题，因为不在document.ready内

我也试着用

$(function(){
  $('.menu-ham').on('click', function(){
    alert("test")
  });
});

文件内部或外部准备就绪，但没有任何效果

菜单火腿是那个类的按钮。我读了很多话题，谁说要使用光标：指针，谁说要使用。单击而不是正常的单击事件，或vclick，或bind或touchstart，但没有一个真正起到我提供的解决方案的作用，现在，当我读到很多关于另一种解决方案应该有效的评论时，我对为什么有效和为什么无效的整个问题感到非常困惑

---

非常感谢您的帮助，谢谢

我发现了问题！这都是法尔孔·德布巴的错。在移动设备上，正在生成一个错误，该错误不是在正常浏览器上发生的。此错误导致任何jquery或选择器工作

---

谢谢你的帮助和支持

在jquery中搜索事件委托。我已经读过这篇文章，但仍然不清楚为什么它不起作用。我一直在挖掘，我发现了另一个答案我知道这个问题与授权有关，但仍然不完全清楚，更深入的信息链接也不起作用。你是如何添加元素的。移动设备中的菜单火腿？？它们是在文档准备好后加载的吗？？？@Littlemad：如果元素已经存在于页面上，即使它在开始时是不可见的，我不认为这不起作用的原因。请检查元素是否在以后渲染。您可以通过在绑定事件之前检查元素的长度来完成此操作。在jQuery Mobile中，您应该使用pagecreate之类的页面事件，而不是常规的document.ready$document.onpagecreate，page1，函数{$'.menu.ham'。单击，函数{}