+(function($) {
var ops = {
wrap: '#tools',
url: _deel.url+'/private/tools/'
}
if( !getHash() ) setHash('jspacker')
$(ops.wrap+' .pagesider-menu li').each(function(e){
var menu = $(this).find('a').attr('data-menu')//列出所有的链接的data-menu
if( menu === getHash() ){//getHash()获取地址栏的data,判断地址栏和那个data-menu相同,相同则对当前操作。
$(this).addClass('active').siblings().removeClass()
loadData( menu )
}
$(this).on('click', function(){
$(this).addClass('active').siblings().removeClass()
loadData( menu )
})
})
function loadData(menu){
setHash( menu )
$.ajax({
url: ops.url+menu+'.php',
type: 'POST',
dataType: 'html',
cash: true,
data: {},
success: function(data, textStatus, xhr) {
$(ops.wrap+' .pagecontent').html(data)
}
});
}
function setHash(val){
return window.location.hash = '#!'+val;//设置地址栏的后面的参数
}
function getHash(){
return window.location.hash.substr(2);//获取地址栏之后从第二个开始的参数
}
})(window.jQuery);
演示