繁体   English   中英

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

[英]Dynamically load list-items and sort them, 2 scripts both work apart, but they don't work together. (JSFiddle included)

我制作了一个脚本,可以通过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>

可能是在触发排序时未加载列表? 您是否通过添加.done()调用尝试了排序调用?

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

请参见倒数第二个示例。

我已经更新了您的JSFiddle以结合这两个脚本。 我认为问题可能出在您尝试在内容加载之前对列表进行排序。 用加载的内容填充列表 ,必须调用以下行:

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

更新了JSFiddle

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM