0

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

選択したプロットは機能しません。

4

1 に答える 1

0

イベントを機能させる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'); 
});

selection編集前にあなたの質問を見ましたが、flot のキーが適切に設定されていないなど、flot オプションを誤って指定していた可能性があると思います。

問題を追跡するのに役立つ実例を次に示します: http://jsfiddle.net/ryleyb/8zqyP/

于 2013-08-12T15:37:20.943 に答える