移动列表项并在jQuery中还原它

以下代码将列表项作为小屏幕宽度上的最后一个移动：

$(document).ready(myfunction);
$(window).resize(myfunction);

function myfunction() {
    if (xs == true) {
        $('ul.page-nav-list').find('li.active').appendTo('ul.page-nav-list');
    } else {
        // how to get back to the original state
    }
}

我的问题：如何将大分辨率列表项恢复到原始状态

我使用引导4断点来检测分辨率。

类似这样的东西

var-orgIndex=0；
$（函数（）{
orgIndex=$（'ul.page nav list'）.find（'li.active'）.index（）；
myFunction（）；
});
$（窗口）。调整大小（myFunction）；
xs=真；
函数myFunction（）{
if（xs）{
$（'ul.page nav list'）。查找（'li.active'）。追加（'ul.page nav list'）；
}否则{
$（'ul.page nav list'）。查找（'li.active'）。附加到索引（$（'ul'），orgIndex）
}
}
//https://stackoverflow.com/a/18593267/295783
$.fn.appendToWithIndex=函数（到，索引）{
如果（！到jQuery的实例）{
to=$（to）；
};
如果（索引==0）{
$（this）.prependTo（to）
}否则{
$（this.insertAfter（to.children（）.eq（index-1））；
}
};


活动
不活跃
不活跃
不活跃
在移动前查看一下您能建议如何修改此代码吗？