mirror/ant-design
1
0
Fork 0
mirror of https://github.com/ant-design/ant-design.git synced 2025-01-18 14:13:37 +08:00
Code Issues Actions 28 Packages Projects Releases Wiki Activity

tweak code style

Browse Source
This commit is contained in:
afc163 2015-06-02 20:23:18 +08:00
parent 19a640be7a
commit 988c01a670
1 changed files with 63 additions and 59 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

122
static/script.js
View File

@ -25,108 +25,112 @@ $(function() {
}, 150);
}
var navFunc={
var navFunc = {
navStrArr: [],
init:function (){
var self=this;
init: function() {
var self = this;
self.navBox = $(".nav");
self.navBar = self.navBox.find(".bar");
self.navList = self.navBox.find("ul li");
self.navNum=$(".current").index();
self.navNum = $(".current").index();
self.search($(".search"));
self.navBarAnim();
self.navResize(null);
$(window).bind("resize", self.navResize);
},
navResize: function (e) {
navResize: function(e) {
var self = navFunc;
self.navBar.css("left", self.navList.width() * self.navNum);
self.navList.eq(self.navNum).find("a").addClass("hover");
},
search: function (c) {
search: function(c) {
var self = this;
self.searchBox = c;
self.searchInput = self.searchBox.find("input[type='text']");
self.searchBtn = self.searchBox.find("button");
self.searchInput.focus(function (e) {
self.searchInput.focus(function(e) {
$(this).addClass("focus");
self.searchBtn.css("left", self.searchBox.width() + 13);
});
self.searchInput.blur(function (e) {
self.searchInput.blur(function(e) {
if (!self.searchInput.val()) {
self.searchBtn.attr("style", "");
$(this).removeClass("focus");
}
});
self.searchBtn.click(function (e) {
self.searchBtn.click(function(e) {
self.searchBox.find("form").submit();
});
},
navBarAnim: function () {
var self = this,delay;
navBarAnim: function() {
var self = this,
delay;
function startBarAnim(num) {
self.navBar.css("left", self.navList.width() * num);
self.navList.eq(num).find("a").addClass("hover");
}
self.navList.bind("mouseenter", function (e) {
self.navList.bind("mouseenter", function(e) {
clearTimeout(delay);
var m = e.currentTarget;
self.navList.find("a").removeClass("hover");
self.navBar.addClass("barAnim").css("left", $(m).width() * $(m).index());
});
self.navList.bind("mouseleave", function (e) {
delay = setTimeout(function () {
self.navList.bind("mouseleave", function(e) {
delay = setTimeout(function() {
startBarAnim(self.navNum);
}, 500);
});
}
};
navFunc.init();
var listFunc={
num:0,
cnum:0,
init:function (){
var self=this;
self.listBox=$(".aside-container>ul");
if(!self.listBox.length){
return
}
self.getUrlNum();
self.listBox.children().eq(self.num).attr("open",true).find("ul").css("display","block");
//添加标题事件；
self.addTitleEvent()
},
getUrlNum:function (){
var self=this,url=location.href,str="";
//console.log(self.listBox.find("a"))
for(var i=0;i<self.listBox.find("a").length;i++){
var m=self.listBox.find("a").eq(i);
if(m.attr("href")=="./"||url.indexOf(m.attr("href"))>=0){
self.num=m.parent().parent().parent().index();
self.cnum=m.parent().index();
}
}
},
addTitleEvent:function (){
var self=this;
var title=self.listBox.find("h4");
title.bind("click",function (e){
var parent=$(this).parent();
if(parent.attr("open")){
parent.removeAttr("open");
if(parent.index()==self.num){
$(this).addClass("current")
}
}else{
parent.attr("open",true);
if(parent.index()==self.num){
$(this).removeClass("current")
}
}
parent.find("ul").slideToggle(300);
})
var listFunc = {
num: 0,
cnum: 0,
init: function() {
var self = this;
self.listBox = $(".aside-container>ul");
if (!self.listBox.length) {
return
}
self.getUrlNum();
self.listBox.children().eq(self.num).attr("open", true).find("ul").css("display", "block");
//添加标题事件；
self.addTitleEvent()
},
getUrlNum: function() {
var self = this,
url = location.href,
str = "";
//console.log(self.listBox.find("a"))
for (var i = 0; i < self.listBox.find("a").length; i++) {
var m = self.listBox.find("a").eq(i);
if (m.attr("href") == "./" || url.indexOf(m.attr("href")) >= 0) {
self.num = m.parent().parent().parent().index();
self.cnum = m.parent().index();
}
};
listFunc.init();
}
},
addTitleEvent: function() {
var self = this;
var title = self.listBox.find("h4");
title.bind("click", function(e) {
var parent = $(this).parent();
if (parent.attr("open")) {
parent.removeAttr("open");
if (parent.index() == self.num) {
$(this).addClass("current")
}
} else {
parent.attr("open", true);
if (parent.index() == self.num) {
$(this).removeClass("current")
}
}
parent.find("ul").slideToggle(300);
})
}
};
listFunc.init();
});