私はFloa Graph Libを使用してプロットされたグラフを持ち、x軸は月の日数を表す30ポイントを持っています。毎日DIVと.tickLabelのクラス名です。ユーザーが任意の日付をクリックすると、日付に関する情報を入力するダイアログが表示されます。以下は私のコードです。デスクトップブラウザでテストしても電話ではテストしないと動作しません。Jquery mobile Clickイベントが発生しない
<!-- 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();
}));