Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/user-interface/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 将数组字符串分配给某些链接_Javascript_Arrays_Object - Fatal编程技术网

Javascript 将数组字符串分配给某些链接

Javascript 将数组字符串分配给某些链接,javascript,arrays,object,Javascript,Arrays,Object,在我当前的代码中,有两个国家在单击时显示弹出窗口,在弹出窗口中可以看到一些链接。链接映射正确,但我的问题是链接名称 到目前为止,我编写代码的方式非常适合显示具有一个链接的国家的链接名称。我在下面的代码中使用ev.target.dataItem.dataContext.linkName调用链接名: chart.openPopup("<strong>" + ev.target.dataItem.dataContext.country + "</stro

在我当前的代码中,有两个国家在单击时显示弹出窗口,在弹出窗口中可以看到一些链接。链接映射正确,但我的问题是链接名称

到目前为止,我编写代码的方式非常适合显示具有一个链接的国家的链接名称。我在下面的代码中使用
ev.target.dataItem.dataContext.linkName
调用链接名:

chart.openPopup("<strong>" + ev.target.dataItem.dataContext.country + "</strong>" + ev.target.dataItem.dataContext.link.map(url => '<br><a href="' + encodeURI(url) + '">' + ev.target.dataItem.dataContext.linkName  + '</a>').join(""));
正文{
字体系列:-苹果系统、BlinkMacSystemFont、“Segoe UI”、Roboto、Helvetica、Arial、无衬线、“苹果颜色表情”、“Segoe UI表情”、“Segoe UI符号”;
}
#地图{
宽度:100%;
高度:600px;
溢出:隐藏;
}
#地图a,
b{
光标:指针;
颜色:#003399;
文本对齐:居中;
}
#地图a:悬停{
颜色:#023432;
}
.AMPOUP含量{
/*宽度:40%*/
文本对齐:居中;
}
.ampoup头{
背景色:#99000d!重要;
}
.ampopup关闭{
过滤器:反转(1);
}
.ampopup内{
背景色:rgb(255、255、255);
}
.a.a.a.a.P{
颜色:#28a86c!重要;
}
.a内的安培数:悬停{
颜色:#023432!重要;
}
.安波普窗帘{
显示:块!重要;
背景色:rgba(7,22,51,0.7)!重要;
}

有链接的国家

您需要使用
.map
提供的
索引来访问
linkName
数组

让polygonTemplate=series.mapPolygons.template;
polygontamplate.tooltipHTML='{country}';
PolygContemplate.events.on(“命中”,函数(ev){
chart.closeAllPopups();
常数{
链接,
链接名,
国家
}=ev.target.dataItem.dataContext;
//地图国家和链接编码
const popupContent=`${country}
${ links.map((url,urlIndex)=>``').join(“”) }`; 图表.openPopup(popupContent); });
在您的示例中,有没有办法避免jQuery代码严格使用JavaScript?@JustMe我的代码中没有jQuery,
$
是Sorry的语法,
$
让我很困惑little@JustMe在前面的评论中添加了一个关于模板文本的链接。它有助于避免字符串合并和混淆引号。