Question

我有这个div标记，其中包含Google可视化图表。我想要的是通过onclick图表（div）在弹出框中弹出该图表。

我正在使用jQuery。

Answer 1

抓住点击的div的内容并将其复制到另一个div，然后正确定位。

$(".someChart").on("click", function() {
    // Fill popup with html
    $('.popupDiv').html($(this).html());
    // now show the popup and possibly position it correctly
    $('.popupDiv').show();
});

Answer 2

CSS

.model{
    display:none;
    position:absolute;
    z-index:1000;
    top:20%;
    left:20%;
    padding:10px;
    border:1px solid #000;
    width:auto;
    height:auto;

}

Jquery的

$(".chartDiv").on("click", function () {
   var content = $(this).html();
    $('.model').show().html(content);


});

HTML

<div class="chartDiv">Chart 1</div>
<div class="chartDiv">Chart 2</div>
<div class="model"></div>

Working demo

如何通过单击另一个div来弹出div？

2 个答案: