当我单击该树的任何项目时如何创建弹出窗口

Question

I want to show a div when I click on any item of the tree here

the tree is loaded in the index.html via this iframe

<IFRAME NAME="treeframe" ID="treeframe" SRC="tree.htm?150921" CLASS="fullsize" FRAMEBORDER="0" SCROLLING="no"></IFRAME>

the element ('.di') is generated with js

        var v = document.createElement("div");
    v.className = "di";
    var s = v.style;
    s.width = sz.Tew + "px";
    s.height = sh + "px";
    s.left = (sx - (sz.Tew / 2)) + "px";
    s.top = (sy - (sh / 2)) + "px";
    if (wp) {
        v.onmousedown = TCT;
        v.id = i;
        v.pid = e.p.i;
        o.ps[i] = {
            x: sx,
            y: sy
        };
    }
    var tn = e.p.hp ? (mn ? fn : (e.p.h + (sn ? (" " + sn) : ""))) : e.p.h;
    v.innerHTML = "<TABLE WIDTH=\"100%\" HEIGHT=\"100%\" STYLE=\"table-layout:fixed;\">" + "<TR><TD CLASS=\"" + cc + "\" STYLE=\"font-size:" + (e.d ? sz.Tds : sz.Tfs) + "px;color:" + _4 + "\"" + " TITLE=\"" + (e.d ? "Duplicate: " : "") + EH(fn) + "\">" + (e.d ? "<I>Duplicate:</I><BR>" : "") + (e.m ? "<B>" : "") + EL(tn) + (e.m ? "</B>" : "") + "</TD></TR>" + rs + "</TABLE>";
    o.appendChild(v);

I typed this code but it's not working:

jQuery(window).load( function(){ 
  jQuery('.di').on( 'click', function ( _ev ) { 
    jQuery('.sidebar-wrapper').fadeIn(500); 
  }); 

  jQuery('.sidebar-wrapper .sidebar-close').on( 'click', function ( _ev ) {
    jQuery('.sidebar-wrapper').fadeOut(500); 
  }); 
});

Answer 1

jQuery(document).ready( function(){ 
  jQuery('body').on( 'click','.dcelld', function ( _ev ) { 
    jQuery('.sidebar-wrapper').fadeIn(500); 
  }); 

  jQuery('body').on( 'click','.sidebar-wrapper .sidebar-close', function ( _ev ) {
    jQuery('.sidebar-wrapper').fadeOut(500); 
  }); 
});