未触发 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 移动单击事件的主要内容,如果未能解决你的问题,请参考以下文章