2014-04-04 154 views
0

我一直争取与下列问题两天的图册和我还是有问题:我不能显示在弹出窗口

我使用插上拉斐尔图形绘制我的观点,并将其展示给用户这是罚款和工作正常,还我使用的拳击手插件制作一个弹出窗口,它的工作原理以及

例如用于图我用下面的代码工作:

var r1 = Raphael("trend_chart1", w, h); 
r1.gridDrawn = false; 
var h1 = $("#trend_chart1").height(); 
var w1 = $("#trend_chart1").width(); 
var le1=["Sureness"] ; 
var colo1=["#CC0000"]; 
drawTrend(r1, w1, h1,0.7, sureness, date, le1, 0, colo1); 

trend_chart1是一个我动态制作的div也是这样使用拳击手的:

$.boxer($('<div class="inline_content"><div id="d" style="width:100%;float:left;height:100%;"></div></div>')); 

它工作正常,现在另一个ID为d的div被创建。 到现在为止一切都很好,但是当我试图说明图表中的拳击手为遵循JavaScript调试器说,它无法与d ID识别格:

$("#trend_chart1").click(function() { 

    alert("salam"); 
    $.boxer($('<div class="inline_content"><div id="d" style="width:100%;float:left;height:100%;"></div></div>')); 
    var hh = $("#d").height(); 
    var ww = $("#d").width(); 
    var rtest = Raphael("d", w, h); 
    rtest.gridDrawn = false; 
    drawTrend(rtest, ww, hh, 0.7, happiness, date, le4, 0, colo4); 
}); 

d由拳击手动态添加,我可以当我使用chrome的检查元素时,在运行时在html代码中查看它。

我很感激,如果有人能帮助?

更新:对于弹出我使用以下命令:

pop up plug in

更新:

从我的观察,似乎与d创建的ID该分区,但不能由Raphael识别

回答

1

好像在访问元素之前它已加载到文档中。使用插件提供的回调。

$("#trend_chart1").click(function() {   
     alert("salam"); 
     $.boxer($('<div class="inline_content"><div id="d" style="width:100%;float:left;height:100%;"></div></div>'), { 
      callback: function() { 
       var hh = $("#d").height(); 
       var ww = $("#d").width(); 
       var rtest = Raphael("d", w, h); 
       rtest.gridDrawn = false; 
       drawTrend(rtest, ww, hh, 0.7, happiness, date, le4, 0, colo4); 
      } 
     });    
    }); 
+0

万分感谢,是的,我没有得到任何错误了,但即便而不是图册时,我加$(“#d”)文本(“dddddddddddddddddddddddddddddd”)。我看不到它,当我在检查元件中检查它时,它就在那里。所以这意味着文本被添加,但没有显示你有什么想法? –

+1

尝试删除浮动:左侧;可能性是该元素出现在无意的地方。同时检查元素的“显示”风格。 “显示:无;”可能会从任何父级CSS继承。 –