Question

如何使用.live（）方法创建一个'plotselected'事件（我不能使用bind，因为该图是动态的）。

jQuery(document).ready(function() {

   jQuery("#placeholder").live("plotclick", function(event, ranges){
         alert("plot click works!");
    }); 

     jQuery("#placeholder").live("plotselected", function(event, ranges){
         alert("plot selected work!");
    }); 
});

选择的地图不起作用。

Answer 1

要使plotselected事件发挥作用，您需要做几件事：

在flot之后加入选择插件：

<script type='text/javascript' src="http://cdnjs.cloudflare.com/ajax/libs/flot/0.7/jquery.flot.min.js"></script>
<script type='text/javascript' src="http://cdnjs.cloudflare.com/ajax/libs/flot/0.7/jquery.flot.selection.min.js"></script>

正确设置选项：

var flot = $.plot('#placeholder', [{
    data: [
        [1, 1],
        [2, 3],
        [4, 4],
        [5, 9]
    ],
    //etc
}], {
    selection: {
        mode:'x'
    }
});

创建活动：

$('#placeholder').on('plotselected',function(event,ranges){
   alert('hi'); 
});

我在编辑之前看到了您的问题，我认为您可能错误地指定了flot选项，因此没有为flot正确设置键selection。

以下是帮助您追踪问题的工作示例：http://jsfiddle.net/ryleyb/8zqyP/

使用plotselected事件和.live（）方法

1 个答案: