动态加载列表项并对它们进行排序,2个脚本分开工作,但它们不能一起工作。 (包括JSFiddle)

时间:2014-04-23 16:07:25

标签: javascript jquery html json sorting

我已经创建了一个脚本来通过JSON动态加载列表项,我发现了一个脚本按日期排序。

然而,他们不能一起工作,如果我将它们放在一起,列表项目会被加载但不会被排序,

脚本1(加载列表项):JSFiddle1

脚本2(对列表项进行排序):JSFiddle2

如你所见,它们都有效。但当我把它们放在一起时,我得到:

<ul class="datacursusul">
  <li class="21/05/2014">Wo 21 mei 2014</li>
  <li class="05/01/2014">Do 05 januari 2014</li>
</ul>

我想要的是什么:

<ul class="datacursusul">
  <li class="05/01/2014">Do 05 januari 2014</li>
  <li class="21/05/2014">Wo 21 mei 2014</li>
</ul>

2 个答案:

答案 0 :(得分:0)

在点击排序时,列表是否已加载?您是否通过添加.done()调用尝试了排序调用?

https://api.jquery.com/jQuery.get/

请参见倒数第二个示例。

答案 1 :(得分:0)

我已经更新了你的JSFiddle来组合这两个脚本。我认为问题可能是您在加载内容之前尝试对列表进行排序。在列表填充了加载的内容后,必须将以下行命名为

$('.datacursusul').sortChildren(ddmmyyyClassSort);

Updated JSFiddle