如何在 HTML 中更改 Accuweather 小部件位置答案

【问题标题】：How to change Accuweather widget location in HTML如何在 HTML 中更改 Accuweather 小部件位置
【发布时间】：2014-12-24 14:56:06
【问题描述】：

我正在尝试加载一个 Accuweather 小部件，该小部件可以使用下拉列表更改位置。它在最初没有加载位置时起作用。但是当我尝试更改位置时，它不再起作用了。我的猜测是我应该记得 Accuweather 脚本或函数（但我不知道如何）。这是我所做的link of the image。

这是我的 JS 代码的一部分：

$('#awcc1414464209059').attr('data-locationkey',selected); //change the div's data-location-key to the selected location's key
$('#awcc1414464209059').attr('class',"aw-widget-current");
$('#awcc1414464209059').attr('data-unit', "c");
$('#awcc1414464209059').attr('data-language',"en-us");
$('#awcc1414464209059').attr('data-useip', "false");
$('#awcc1414464209059').attr('data-uid',"awcc1414464209059");
getweather();

function getweather(){
  var script = document.createElement("script");
  script.type = "text/javascript";
  script.src = "assets/js/accuweather.js"; 
  document.getElementsByTagName("head")[0].appendChild(script);
  return false;
}

PS：如果我可以一次加载多个小部件会更好，这样我就可以显示所有位置以方便用户。（我已经试过了，但我不能让它工作）

【问题讨论】：

标签： javascript html weather-api

【解决方案1】：

我已经成功了。对于同样问题需要帮助的人，您需要重新加载 accuweather 的脚本文件。

for ($m=0; $m < sizeof($mun_name); $m++) { 
 $echo .= '<a href="" class="aw-widget-legal"></a>
 <div id="awcc1414464'.$weather_id[$m].'" data-locationkey="'.$weather_id[$m].'" class="aw-widget-current" data-unit="c" data-language="en-us" data-useip="false" data-uid="awcc1414464'.$weather_id[$m].'"></div>
 <script>getweather()</script>';
}

在我的代码中，getweather() 函数加载脚本并将其添加到 html 头部，从而给了我result in this link。

【讨论】：