2012-01-20 200 views
2

我有一张使用Floa Graph Lib绘制的图表,x轴有30个点代表一个月中的天数。每天都有一个DIV和.tickLabel的类名,如果用户点击任何日期,对话框将显示填入与日期相关的信息。以下是我的代码。它适用于使用桌面浏览器进行测试但不在电话中进行测试。Jquery mobile点击事件未被触发

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

回答

3

尝试如下,

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

水龙头 - 一攻的pnscreen元素后触发。

jQuery Movile Events

0

另外,如果被动态地添加了点,你可以使用.on()绑定功能。

例如:

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