Question

我有一个使用Floa Graph Lib绘制的图表，x轴有30个点代表一个月的天数。每天都是.tickLabel的DIV和类名，如果用户点击任何日期，Dialog将显示填写与日期相关的信息。以下是我的代码。它在我使用桌面浏览器进行测试时有效，但在手机中没有。

<!-- 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();
}));

Answer 1

尝试如下，

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

点击 - 点击一个屏幕元素后触发。

<强> jQuery Movile Events

Answer 2

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

例如：

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

不会触发Jquery移动Click事件

2 个答案: