未触发 Jquery 移动单击事件

Posted

技术标签:

【中文标题】未触发 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");)

【讨论】:

以上是关于未触发 Jquery 移动单击事件的主要内容,如果未能解决你的问题,请参考以下文章

Jquery按钮单击事件未触发

在 jQueryMobile 中未触发 jQuery 单击事件

移动事件时未触发按钮单击

Backbone + jQuery 移动事件未触发

动态点击事件未触发

使用Jquery或Javascript触发mousemove事件