未触发 Jquery 移动单击事件

Posted 2023-05-09

【中文标题】未触发 Jquery 移动单击事件

【英文标题】：Jquery mobile Click event is not fired

【发布时间】：2012-02-14 19:08:04

【问题描述】：

我有一个使用 Floa Graph Lib 绘制的图表，x 轴有 30 个点代表一个月中的几天。每天是一个DIV和.tickLabel的类名，如果用户点击任何日期，会出现对话框来填写与日期相关的信息。以下是我的代码。当我使用桌面浏览器进行测试而不是在手机中进行测试时，它可以工作。

<!-- link button to show dialog. -->
<a data-role='actionsheet' 
   data-sheet='showtrackers' 
   id="as" 
   data-inline='true'></a>


<!-- dialog, this is pop up when user click on x-axis label point. -->
<div id="showtrackers">
   <h3>Heading</h3><hr/>
   Form goes here
   <a data-role="button" data-theme="aa" data-inline="true" style="text-shadow:none">Save</a>
</div>

// .tickLabel is tha class name of each label of x-axis
$($(".tickLabel").click(function()
   var myText = $(this).text();
   //             change the all x-axis point label color to black
   $(".tickLabel").each(function()
      $(this).css('color', '#000');
   );

   // highlight the clicked x-axis label point  to orange
   $(this).css('color', '#FAA016');

   // according to clicked x-axis point, pop up shows
   $("#as").click();
));

【参考方案1】：

如下尝试，

$("#as").tap();

tap - 在点击 pnscreen 元素后触发。

jQuery Movile Events

【参考方案2】：

或者，如果点是动态添加的，您可以使用.on() 绑定函数。

例如：

$("#as").on("click", function()alert("clicked");)