Javascript HTML选项卡内容作为打印对象

我使用传单弹出窗口通过onEachFeature事件触发各种图形的绘制：

function onEachFeature(feature, layer) {
        layer.bindPopup(content,{minWidth : 800})
        .on('popupopen', function (e) {
            load_pl_wind(feature.properties.id,map)
        })
}

函数

load\u pl\u wind

生成

myDiv

对象，这是一个简单的绘图对象。我已将变量

内容
设置为以下内容：

var content = '<div class="tabs">' +

'<div class="tab" id="tab-1" >' +
'<div class="content" >' +
    '<div> id="myDiv"</div>' +
'</div>' +
'</div>' +

'<div class="tab" id="tab-2">' +
    '<canvas id="myDiv" class="chart" width="400" height="300"></canvas>' +
'</div>' +

'<ul class="tabs-link">' +
'<li class="tab-link"> <a href="#tab-1"><span>Tab 1</span></a></li>' +
'<li class="tab-link"> <a href="#tab-2"><span>Tab 2</span></a></li>' +
'</ul>' +
'</div>';      

var content=''+
'' +
'' +
'id=“myDiv”'+
'' +
'' +
'' +
'' +
'' +
“
”+
“
”+
“
”+
“
”+
'';      

当我单击选项卡1或选项卡2的任意两个链接时，我得到以下输出：

但是，如果将变量内容简单地设置为

var content = '<div id="myDiv" </div>'

var content='
id=“myDiv”
指定为div标记之间的文本。试试这个-
，它显示了图形，但它不会在选项卡之间循环。我尝试使用类似的技术添加javascript函数，如图所示（以文本形式插入并使用弹出窗口运行，但无法识别函数onclick event）。