jQuery UIのdroppableはIEとFirefoxでは動作しません（ただしChromeで動作します）

Question

jQuery UIのdroppableはIEやFirefoxでは動作しませんが、Chromeでは動作します。

function drawNVDGraph(targetElement, data, type) { 
    nv.addGraph(function() { 

     // here I make some graph this works   

      $("#NVDGraph" + targetElement).draggable(); 
    $("#NVDGraph" + targetElement).draggable("option", "cursor","url(smiley.jpg), cell");  
     //drag works fine I can see the cursor change 


    $("#NVDGraph" + targetElement).on("drag", function(event, ui) { 
      // here I just block the graph so it doesn't move  
    ui.position.left = 0; 
     ui.position.right = 0; 
      ui.position.top = 0; 
     ui.position.bottom = 0; 
    //masterSVG = data; 


    }); 



    $("#NVDGraph" + targetElement).on("drop", function(event, ui) { 
     // this doesn't work on FF or IE or EDGE the drop isn't even detected 
     console.log("hello"); 

      var data1 = sinAndCos();    
      var data2 = sinAndCos2(); 


     var data3 = data1.concat(data2); 
     drawNVDGraph(targetElement, data3, type); 

    console.log(data3);   
    }); 

コードを少し説明するために、2つのダイアログボックスの両方にグラフがあります。私がやりたいことは、あるグラフから別のグラフにデータをドラッグすることです。 （そのため、私はui.position.left = 0;を持っています。「私にはデータがあります」と言うためにスマイリーを表示しています。）ChromeのChromeの魅力のように機能します。

Answer 1

少しのテストの後、FF、IE、およびEdgeのドロップのjQuery によってNVD3（グラフを簡単にするために使用していたライブラリ）が見つかりませんでした。理由は分かりません...

NVD3グラフではなく、ダイアログの内容にdraggableとdroppableを入れてドラッグしないようにしていたのを防ぎました。このよう

：

$("#" + id).draggable();  // make the content of my dialog box draggable 

     $("#" + id).draggable({ 
     cancel: ".nv-context",  // that's a part I don't want to drag 
     }); 

$("#" + id).droppable(); // make the content of my dialog box droppable 

私は、ダイアログコンテンツではないグラフ上droppableを置くので、それが実際には、働くこの方法です。なぜ誰かがこれがなぜなのか説明があれば、私は彼の答えを受け入れるでしょう。今のところ、私は私のことを認めます。