錯誤：無效值爲<svg>屬性width =「 - Infinity」jsPlumb

我有一個函數可以在兩個divs之間創建一個以模態顯示的行。錯誤：無效值爲<svg>屬性width =「 - Infinity」jsPlumb

//A function that creates line instance. 
function myid_create_line_instance(){ 

    jsPlumb_instance[0] = jsPlumb.getInstance();    
    var id1 = 'tpl_preview_line_1_pair_1'; 
    var id2 = 'tpl_preview_line_1_pair_2'; 


    var endpointOptions = { 
     anchor:'BottomCenter', 
     maxConnections:1,      
     endpoint:['Rectangle',{width:'1px', height:'1px' }], 
     paintStyle:{fillStyle:'#00000', dashstyle:'3 3'}, 
     connectorStyle:{lineWidth:'1px',strokeStyle:'#000000'}, 
     connector:['Straight'],           
    }; 

    div1Endpoint = jsPlumb_instance[0].addEndpoint(id1, endpointOptions); 
    div2Endpoint = jsPlumb_instance[0].addEndpoint(id2, endpointOptions);  

    jsPlumb_instance[0].connect({ 
     source:div1Endpoint, 
     target:div2Endpoint, 
    }); 
    jsPlumb_instance[0].draggable(id1); 
    jsPlumb_instance[0].draggable(id2); 
}

執行代碼後，將其拋出2錯誤：

Error: Invalid value for <svg> attribute width="-Infinity" jsPlumb- 
2.1.2.js?o9evom:12902 
_attr jsPlumb-2.1.2.js?o9evom:12902 
paint jsPlumb-2.1.2.js?o9evom:13086 
_ju.extend.paint jsPlumb-2.1.2.js?o9evom:8626 
(anonymous function) jsPlumb-2.1.2.js?o9evom:2692 
redraw jsPlumb-2.1.2.js?o9evom:9322 
_draw jsPlumb-2.1.2.js?o9evom:3649 
_currentInstance.finaliseConnection jsPlumb-2.1.2.js?o9evom:3926 
connect jsPlumb-2.1.2.js?o9evom:4253 
myid_create_line_instance myid_templates.js?o9evom:4614 
myid_template_display_line myid_templates.js?o9evom:2215 
jQuery.fn.myid_choose_template myid_templates.js?o9evom:4812 
Drupal.ajax.commands.invoke ajax.js?v=7.34:608 
Drupal.ajax.success ajax.js?v=7.34:400 
ajax.options.success ajax.js?v=7.34:164 
c jquery-1.10.2.js:3048 
p.fireWith jquery-1.10.2.js:3160 
k jquery-1.10.2.js:8235 
r jquery-1.10.2.js:8778

第二錯誤：

Error: Invalid value for <svg> attribute height="-Infinity" jsPlumb-2.1.2.js?o9evom:12902 
_attr jsPlumb-2.1.2.js?o9evom:12902 
paint jsPlumb-2.1.2.js?o9evom:13086 
_ju.extend.paint jsPlumb-2.1.2.js?o9evom:8626 
(anonymous function) jsPlumb-2.1.2.js?o9evom:2692 
redraw jsPlumb-2.1.2.js?o9evom:9322 
_draw jsPlumb-2.1.2.js?o9evom:3649 
_currentInstance.finaliseConnection jsPlumb-2.1.2.js?o9evom:3926 
connect jsPlumb-2.1.2.js?o9evom:4253 
myid_create_line_instance myid_templates.js?o9evom:4614 
myid_template_display_line myid_templates.js?o9evom:2215 
jQuery.fn.myid_choose_template myid_templates.js?o9evom:4812 
Drupal.ajax.commands.invoke ajax.js?v=7.34:608 
Drupal.ajax.success ajax.js?v=7.34:400 
ajax.options.success ajax.js?v=7.34:164 
c jquery-1.10.2.js:3048 
p.fireWith jquery-1.10.2.js:3160 
k jquery-1.10.2.js:8235 
r jquery-1.10.2.js:8778

我嘗試的下面jsPlumb初始化後右代碼的第一行;然後連接兩個div後，下面的第二行代碼，沒有運氣。

jsPlumb_instance[0].setSuspendDrawing(true); 
jsPlumb_instance[0].setSuspendDrawing(false, true);

我甚至嘗試了批處理方法，但沒有什麼改變。

jsPlumb_instance[0].batch(function() { 
//Codes about connecting the two points of line. 
}, false);

我注意到的一件事是應該連接我的模態中的兩個點的線沒有在模態中找到。請參見下面的圖片：

我也嘗試下面的代碼，但仍時有發生的問題。

jsPlumb_instance[id].repaintEverything();

來源

2016-06-27 Qerjiuthn

你有一個小提琴或plnkr，我們可以作爲一個工作的例子嗎？您是否查看了jsPlumb-2.1.2.js的12902行？ – Twisty

我遇到了同樣的錯誤，當我的容器沒有任何大小。我可以假設你應該爲jsPlumb實例明確指定容器：

jsPlumb.getInstance({ Container:"editor" });

來源

2016-07-16 21:14:47

感謝您的回答。它爲我工作。 –

錯誤：無效值爲<svg>屬性width =「 - Infinity」jsPlumb

回答

相關問題