javascript - 单击此树的任何元素时如何创建弹出窗口

Question

我想在单击树的任何元素时显示一个 div here

树通过这个 iframe 加载到 index.html 中

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

元素('.di')用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);

我输入了这段代码，但它不起作用:

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); 
  }); 
});