Wednesday, May 25, 2016

Cách đổi vị trí thẻ ul li bằng jQuery

Cách đổi vị trí thẻ ul li bằng jQuery
Cách đổi vị trí thẻ ul li bằng jQuery


Đang sử dụng avada để làm sidebar thì bị lỗi này, template là //Template Name: Side Navigation.
Vấn đề là nó tự động sắp xếp theo alphabel cái menu ở bên trái theo function
, nhưng mà khách hàng muốn theo đúng cái menu được sắp xếp theo ý họ, và cách giải quyết là dùng insertAfter (chèn sau 1 thẻ nào đó).

Cái này có ích là tự sắp xếp lại cấu trúc của thẻ ul li, thay vị hiện tại là đang xếp theo alphabel.

    jQuery(".side-nav .page-item-313").insertAfter(".side-nav .page-item-311");
jQuery(".children .page-item-811").insertAfter(".children .page-item-772");
jQuery(".children .page-item-816").insertAfter(".children .page-item-811");
jQuery(".children .page-item-827").insertAfter(".children .page-item-816");
jQuery(".children .page-item-855").insertAfter(".children .page-item-827");

jQuery(".side-nav .page-item-315").insertAfter(".side-nav .page-item-313");
jQuery(".children .page-item-566").insertAfter(".children .page-item-542");
jQuery(".children .page-item-572").insertAfter(".children .page-item-566");
jQuery(".children .page-item-582").insertAfter(".children .page-item-572");
jQuery(".children .page-item-602").insertAfter(".children .page-item-582");
jQuery(".children .page-item-617").insertAfter(".children .page-item-602");

jQuery(".side-nav .page-item-317").insertAfter(".side-nav .page-item-315");
jQuery(".children .page-item-1193").insertAfter(".children .page-item-1083");
jQuery(".children .page-item-1223").insertAfter(".children .page-item-1193");

jQuery(".side-nav .page-item-319").insertAfter(".side-nav .page-item-317");
jQuery(".side-nav .page-item-321").insertAfter(".side-nav .page-item-319");

jQuery(".side-nav .page-item-1035").insertAfter(".side-nav .page-item-321");
jQuery(".side-nav .page-item-323").insertAfter(".side-nav .page-item-1035");
jQuery(".side-nav .page-item-325").insertAfter(".side-nav .page-item-323");
jQuery(".side-nav .page-item-1263").insertAfter(".side-nav .page-item-325");
jQuery(".side-nav .page-item-1656").insertAfter(".side-nav .page-item-1263");
jQuery(".children .page-item-1349").insertAfter(".children .page-item-1283");
jQuery(".children .page-item-1373").insertAfter(".children .page-item-1367");
jQuery(".children .page-item-1385").insertAfter(".children .page-item-1373");
jQuery(".children .page-item-1389").insertAfter(".children .page-item-1385");

jQuery(".children .page-item-1398").insertAfter(".children .page-item-1349");
jQuery(".children .page-item-1321").insertAfter(".children .page-item-1304");
jQuery(".children .page-item-1331").insertAfter(".children .page-item-1321");
jQuery(".children .page-item-1342").insertAfter(".children .page-item-1331");

jQuery(".children .page-item-1417").insertAfter(".children .page-item-1398");
jQuery(".children .page-item-1411").insertAfter(".children .page-item-1403");

jQuery(".children .page-item-1564").insertAfter(".children .page-item-1417");
jQuery(".children .page-item-1584").insertAfter(".children .page-item-1564");


jQuery(".side-nav .page-item-1766").insertAfter(".side-nav .page-item-1656");
jQuery(".side-nav .page-item-1775").insertAfter(".side-nav .page-item-1766");
jQuery(".children .page-item-1686").insertAfter(".children .page-item-1677");
jQuery(".children .page-item-1694").insertAfter(".children .page-item-1686");
jQuery(".children .page-item-1699").insertAfter(".children .page-item-1694");

jQuery(".children .page-item-1710").insertAfter(".children .page-item-1670");
jQuery(".children .page-item-1726").insertAfter(".children .page-item-1723");
jQuery(".children .page-item-1728").insertAfter(".children .page-item-1726");

jQuery(".children .page-item-1739").insertAfter(".children .page-item-1710");




jQuery(".side-nav .page-item-1847").insertAfter(".side-nav .page-item-1775");
jQuery(".children .page-item-1840").insertAfter(".children .page-item-1815");

jQuery("#nav_menu-3").remove();


EmoticonEmoticon