簡體   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