带自定义滚动条的 Jquery 选项卡式导航

请参阅新的/更新的问题

https://stackoverflow.com/questions/7423874/jquery-navigation-and-jscrollpane-work-at-first-but-not-after-click https://stackoverflow.com/questions/7423874/jquery-navigation-and-jscrollpane-work-at-first-but-not-after-click

现在尝试添加一个自定义滚动条 http://manos.malihu.gr/jquery-custom-content-scroller。 请看演示：

DEMO http://jsfiddle.net/arkjoseph/LjVJt/1/

截至目前，我根本无法让它出现。我的本地源包括：jquery.ui、jquery、jquery.easing.1.3.js、jquery.mCustomScrollbar.css、jquery.mCustomScrollbar.js、jquery.mousewheel.min.js。

我相信这与：

$('.grid').fadeOut(0);

我只需要在单击每个新菜单项后在 jquery 中的某个位置包含这一行：

$("#mcs_container").mCustomScrollbar("vertical",300,"easeOutCirc",1.05,"auto","yes","yes",15);

另外，在chrome浏览器中出现以下错误：

247Uncaught TypeError：无法读取 null 的属性“top” $.fn.mCustomScrollbar.btnsScrollTimerjquery.mCustomScrollbar.js：247 jQuery.event.handlejquery-latest.js:3001 乙

Thanks!

Demo http://jsfiddle.net/jgbEx/1

好吧，通过简化的标记，这非常容易（我不能说使用array.sort()使用 jquery 选择器返回集的方法是在网站上重新排列表格数据的最简单方法）。这里我们简单罗列一下<ul>s 并根据它们的第一个使用自定义排序函数对它们进行排序<li>.

var nodeList = $(".grid ul").sort(function(a,b){
    return ($(a).find("li:first").text() > $(b).find("li:first").text());
});

$(".grid ul, .grid:gt(0)").remove();

$(".grid").append(nodeList);

再简单不过了:)