jstree 3.0.0 kontekst kliknięcie prawym przyciskiem myszy nie działa. Pokazywanie TypeError: vakata_context.element.html nie jest funkcją

Question

Mój kod renderuje drzewo, element nadrzędny, element podrzędny wszystko dobrze, ale kontekst menu kontekstowego nie jest wyświetlany. Firebug pokazuje błąd "TypeError: vakata_context.element.html nie jest funkcją". Jeśli usunę wtyczkę contextmenu, wyświetli ona domyślne opcje kliknięcia prawym przyciskiem myszy w przeglądarce. Oto kod.

jsjQuery(document).ready(function() { 
    $('#pages-wrapper').jstree({ 
     'core' : { 
      callback:{ 
       onchange:function(node,tree){ 
        document.location='pages.php?action=edit&id=' 
        +node.id.replace(/.*_/,''); 
       }, 
       onmove:function(node){ 
        var p=$.tree.focused().parent(node); 
        var new_order=[],nodes=node.parentNode.childNodes; 
        for(var i=0;i<nodes.length;++i) 
         new_order.push(nodes[i].id.replace(/.*_/,'')); 
        $.getJSON('/ww.admin/pages/move_page.php?id=' 
         +node.id.replace(/.*_/,'')+'&parent_id=' 
         +(p==-1?0:p[0].id.replace(/.*_/,'')) 
         +'&order='+new_order); 
       } 
      } 
     }, 
     "plugins" : ["contextmenu"], 
      'contextmenu':{ 
       'items':{ 
        'create' : { 
         'label' : "Create Page", 
         'icon' : "create", 
         'visible' : function (NODE, TREE_OBJ) { 
          if(NODE.length != 1) return 0; 
          return TREE_OBJ.check("creatable", NODE); 
         }, 
         'action':pages_add_subpage, 
         'separator_after' : true 
        }, 
        'rename':false, 
        'remove':{ 
'label' : "Delete Page", 
'icon' : "remove", 
'visible' : function (NODE, TREE_OBJ) { 
if(NODE.length != 1) return 0; 
return TREE_OBJ.check("deletable", NODE); 
}, 
'action':pages_delete, 
'separator_after' : true 
} 
       } 
      } 
     }); 
     var div=$( '<div><i>right-click for options</i><br /><br /></div>'); 
     $('<button>add main page</button>') 
     .click(pages_add_main_page) 
     .appendTo(div); 
     div.appendTo('#pages-wrapper'); 
    }); 
function pages_add_main_page(){ 
pages_new(0); 
} 
function pages_new(p){ 
$('<form id="newpage_dialog" action="/ww.admin/pages.php" method="post"><input type="hidden" name="action" value="Insert Page Details" /><input type="hidden" name="special[1]" value="1" /><input type="hidden" name="parent" value="'+p+'" /><table><tr><th>Name</th><td><input name="name" /></td></tr><tr><th>Page Type</th><td><select name="type"><option value="0">normal</option></select></td></tr><tr><th>Associated Date</th><td><input name="associated_date" class="date-human" id="newpage_date" /></td></tr></table></form>') 
.dialog({ 
    modal:true, 
    buttons:{ 
     'Create Page': function() { 
      $('#newpage_dialog').submit(); 
     }, 
    'Cancel': function() { 
     $(this).dialog('destroy'); 
     $(this).remove(); 
     } 
    } 
}); 
$('#newpage_date').each(convert_date_to_human_readable); 
return false; 
} 
function pages_add_subpage(node,tree){ 
var p=node[0].id.replace(/.*_/,''); 
pages_new(p); 
} 
function pages_delete(node,tree){ 
if(!confirm(
"Are you sure you want to delete this page?"))return; 
$.getJSON('/ww.admin/pages/delete.php?id=' 
+node[0].id.replace(/.*_/,''),function(){ 
document.location=document.location.toString(); 
}); 
} 

Answer 1

miałem ten sam problem, tydzień temu, dodając ten Poniższa reguła CSS stałe mój problem:

.vakata-context { 
    z-index:999 !important; 
} 

Answer 2

widzę mojego menu kontekstowe tył modalnej. Naprawiłem to, określając większy indeks Z niż modalny. Na przykład mój modał ma numer z-index: 10050 i naprawiłem ten problem, wykonując następujące czynności:

.vakata-context { z-index:10052 !important; }