Jquery 放置正确元素的困难 当我点击黄金按钮，然后点击数字1024或2024或4048，我宁愿在右边的元素创建的是 此外，银牌号码和无限制的免费交通目前不需要

$（函数（）
{
var-groupTypes=null；
var计数=0；
var url='1〕http://dl.dropboxusercontent.com/s/l5rijjpp8b784n2/Groups3?m';
$.getJSON（url，null，函数（数据）
{
分组类型=数据；
变量$list=$（''）；
$.each（组类型，函数（i，组类型）
{
变量$li=$（“
”）；
$li
.addClass（'ui-widget-content'）
.attr（“数据索引”，i）
.html（groupType.Name）；
$list.append（$li）；
$li.on（'click'，函数（）
{
计数++；
var index=$（this.attr（'data-index'）；
$（this.parent（）.find（'li'）.removeClass（'ui-selected'）；
$（this.addClass（'ui-selected'）；
变量速度=组类型[索引]。组速度；
控制台日志（速度）；
变量$speedList=$（''）；
$（'.speed'）.remove（）
$。每个（速度、功能（i、速度）
{
如果（速度）
{
变量$speedLi=$（“
”）；
$speedLi
.addClass（'ui-widget-content-speed'）
.attr（“数据索引”，i）
.html（speed.speed）；
$speedList.append（$speedLi）；
$speedLi.data（'速度'，速度）；
$speedLi.单击（函数（）
{
交通（本）；
});
}
});
$（'body'）。追加（$speedList）；
});
});
$（'#container'）。追加（$list）；
});
功能流量（elem）
{
变量$list=$（''）；
变量groupTraffics=$（elem）.data（'speed'）.groupTraffics；
$。每个（组流量、功能（i、t）
{
变量$li=$（“
”）；
$li
.addClass（'ui-widget-content'）
.attr（“数据索引”，i）
.html（t.Traffic）；
$list.append（$li）；
$。每个（组流量，功能（i，组流量）
{
$li.on（'click'，函数（）
{
var-index=$（elem.attr（'data-index'）；
$（this.parent（）.find（'li'）.removeClass（'ui-selected'）；
$（this.addClass（'ui-selectd'）；
var traffics=groupTraffic[index]。流量；
变量$trafficList=$（''）；
$（'.traffic'）.remove（）；
$。每个（流量、功能（i、流量）
{
国际单项体育联合会（交通）
{
变量$trafficili=$（“
”）；
$trafficLi
.addClass（'ui-widget-content'）
.attr（“数据索引”，i）
.html（traffic.traffic）；
$trafficList.append（$trafficLi）；
}
});
$（'body'）。追加（$trafficList）；
});
$（'#container'）。追加（$list）；
});
});
}
});

看看这个例子是否有用。在您的流量功能中，当您添加列表时，将其更改为：

function traffic(elem) {
  .......

  $('ol:last').after($list);
}

---

哦，我刚看到你的照片。让我调查一下。你的JSFIDLE不起作用。你缺少一些CSS吗？也许是推特引导？

function traffic(elem) {
  .......

  $('ol:last').after($list);
}