这是否正确使用jquery';准备好了吗?
下面的文件包含一个页面的所有javascript。性能是最高优先级。这是最有效的方法吗?是否所有单击/悬停事件都需要在doc.ready内这是否正确使用jquery';准备好了吗?,jquery,Jquery,下面的文件包含一个页面的所有javascript。性能是最高优先级。这是最有效的方法吗?是否所有单击/悬停事件都需要在doc.ready内 //DOCUMENT.READY EVENTS //--------------------------------------------------------------------------- $(function(){ // mark events as not loaded $('.event')
//DOCUMENT.READY EVENTS
//---------------------------------------------------------------------------
$(function(){
// mark events as not loaded
$('.event').data({
t1_loaded: false,
t2_loaded: false,
t3_loaded: false,
art_req: false
});
//mark no events have been clicked
$('#wrap_right').data('first_click_made', false);
// cal-block event click
$('#cal_blocks div.event, #main_search div.event').live('click', function(){
var id = $(this).attr('id').split('e')[1];
event_click(id);
});
// jq history
$.historyInit(function(hash){
if(hash)
{
event_click(hash);
}
});
// search
$('#search_input').typeWatch
({
callback: function(){
var q = $('#search_input').attr('value');
search(q);
},
wait : 350,
highlight : false,
captureLength : 2
});
$('#search_input, #main_search div.close').live('click',function(){
$(this).attr("value","");
reset_srch_res();
});
$('#main_search').easydrag();
$('a.dialog').colorbox();
//TAB CLICK -> AJAX LOAD TAB
$('#wrap_right .rs_tabs li').live('click', function(){
$this = $(this);
var id = $('#wrap_right').data('curr_event');
var tab = parseInt($this.attr('rel'));
//hide other tabs
$('#rs_'+id+' .tab_body').hide();
//mark current(clicked) tab
$('#rs_'+id+' .rs_tabs li').removeClass('curr_tab');
$this.addClass('curr_tab');
//is the tab already loaded and hidden?
var loaded = $('#e'+id).data('t'+tab+'_loaded');
//console.log('id: '+id+', tab: '+tab+', loaded: '+loaded);
if(loaded === true)
{
$('#rs_'+id+' .tab'+tab).show();
if (tab == 2) { art_requested(id); }
}
else
{
//ajax load in the tab
$('#rs_'+id+' .tab'+tab).load('index_files/tab'+tab+'.php?id='+id, function(){
//after load callback
if (tab == 1) { $('#rs_' + id + ' .frame').delay(600).fadeIn(600) };
if (tab == 2) { art_requested(id); }
});
//mark tab as loaded
$('#e'+id).data('t'+tab+'_loaded', true);
//fade in current tab
$('#rs_'+id+' .tab'+tab).show();
}
})
});
// LOAD RS FUNCTIONS
//---------------------------------------------------------------------------
function event_click(id){
window.location.hash = id;
//mark current event
$('#wrap_right').data('curr_event', id);
//hide any other events
if($('#wrap_right').data('first_click_made') === true)
{
$('#wrap_right .event_rs').hide();
}
//frame loaded before?
var loaded = $('#e'+id).data('t1_loaded');
if(loaded === true) {
$('#rs_'+id).show();
}
else {
create_frame(id);
}
//open/load the first tab
$('#rs_'+id+' .t1').click();
$('#wrap_right').data('first_click_made', true);
$('#cal_blocks').scrollTo('#e'+id, 1000, {offset: {top:-220, left:0}});
}
function create_frame(id){
var art = ents[id].art;
var ven = ents[id].ven;
var type = ents[id].gig_club;
//select colours for tabs
if(type == 1){ var label = 'gig';}
else if(type == 2){ var label = 'club';}
else if(type == 0){ var label = 'other';}
//create rs container for this event
var frame = '<div id="rs_'+id+'" class="event_rs">';
frame += '<div class="title_strip"></div>';
frame += '<div class="rs_tabs"><ul class="'+label+'"><li class="t1 nav_tab1 curr_tab hand" rel="1"></li>';
if(art == 1){frame += '<li class="t2 nav_tab2 hand" rel="2"></li>';}
if(ven == 1){frame += '<li class="t3 nav_tab2 hand" rel="3"></li>';}
frame += '</ul></div>';
frame += '<div id="rs_content"><div class="tab_body tab1" ></div>';
if(art == 1){frame += '<div class="tab_body tab2"></div>';}
if(ven == 1){frame += '<div class="tab_body tab3"></div>';}
frame += '</div>';
frame += '</div>';
$('#wrap_right').append(frame);
//mark current event in cal-blocks
$('#cal_blocks .event_sel').removeClass('event_sel');
$('#e'+id).addClass('event_sel');
if($('#wrap_right').data('first_click_made') === false)
{
$('#wrap_right').delay(500).slideDown();
$('#rs_'+id+' .rs_tabs').delay(800).fadeIn();
}
};
// FUNCTIONS
//---------------------------------------------------------------------------
//check to see if an artist has been requested
function art_requested(id){
var art_req = $('#e'+id).data('art_req');
if(art_req !== false)
{
//alert(art_req);
$('#art_'+art_req).click();
}
}
//scroll artist panes smoothly (scroll bars cause glitches otherwise)
function before (){
if(!IE){$('#art_scrollable .bio_etc').css('overflow','-moz-scrollbars-none');}
}
function after (){
if(!IE){$('#art_scrollable .bio_etc').css('overflow','auto');}
}
function prep_media_carousel(){
//youtube and soundcloud player
$("#rs_content .yt_scrollable a.yt, #rs_content .yt_scrollable a.sc").colorbox({
overlayClose : false,
opacity : 0
});
$("#colorbox").easydrag(true);
$('#cboxOverlay').remove();
}
function make_carousel_scrollable(unique_id){
$('#scroll_'+unique_id).scrollable({
size:1,
clickable:false,
nextPage:'#r_'+unique_id,
prevPage:'#l_'+unique_id
});
}
function check_l_r_arrows(total, counter, art_id){
//left arrow
if(counter > 0)
{
$('#l_'+art_id).show();
$('#l_'+art_id+'_inactive').hide();
}
else
{
$('#l_'+art_id).hide();
$('#l_'+art_id+'_inactive').show();
}
//right arrow
if(counter < total-3)
{
$('#r_'+art_id).show();
$('#r_'+art_id+'_inactive').hide();
}
else
{
$('#r_'+art_id).hide();
$('#r_'+art_id+'_inactive').show();
}
}
function reset_srch_res(){
$('#main_search').fadeOut(400).children().remove();
}
function search(q){
$.ajax({
type: 'GET',
url: 'index_files/srch/search.php?q='+q,
success: function(e)
{
$('#main_search').html(e).show();
}
});
}
//DOCUMENT.READY事件
//---------------------------------------------------------------------------
$(函数(){
//将事件标记为未加载
$('.event')。数据({
t1_加载:错误,
t2_加载:错误,
t3_加载:错误,
艺术要求:假
});
//标记未单击任何事件
$('wrap_right')。数据('first_click_made',false);
//cal块事件单击
$(“#cal#u块div.event,#main#u search div.event”).live('click',function(){
var id=$(this.attr('id').split('e')[1];
点击事件(id);
});
//jq历史
$.HistoryUnit(函数(哈希){
if(散列)
{
事件单击(散列);
}
});
//搜寻
$(“#搜索_输入”).typeWatch
({
回调:函数(){
var q=$('搜索输入').attr('值');
搜索(q);
},
等等:350,
推荐理由:错,
捕获长度:2
});
$(“#搜索输入,#主搜索div.close”).live('单击',函数(){
$(this.attr(“value”,”);
重置_srch_res();
});
$(“#主搜索”).easydrag();
$('a.dialog').colorbox();
//选项卡单击->AJAX加载选项卡
$('#wrap_right.rs_tabs li').live('click',function(){
$this=$(this);
变量id=$('wrap_right')。数据('curr_event');
var tab=parseInt($this.attr('rel'));
//隐藏其他选项卡
$(“#rs"+id+”.tab_body').hide();
//标记当前(已单击)选项卡
$('#rs#'+id+'.rs#u tabs li').removeClass('curr#u tab');
$this.addClass('curr_tab');
//选项卡是否已加载并隐藏?
var-load=$('e'+id).data('t'+tab+'u-load');
//log('id:'+id+',tab:'+tab+',loaded:'+loaded');
如果(已加载===true)
{
$('#rs"+id+'.tab'+tab.show();
如果(tab==2){art_requested(id);}
}
其他的
{
//在选项卡中加载ajax
$(“#rs#id+”.tab'+tab).load('index#u files/tab'+tab+'.php?id='+id,function(){
//加载后回调
如果(tab==1){$('#rs'+id+'.frame').delay(600).fadeIn(600)};
如果(tab==2){art_requested(id);}
});
//将选项卡标记为已加载
$('e'+id).data('t'+tab+'u-loaded',true);
//淡入当前选项卡
$('#rs"+id+'.tab'+tab.show();
}
})
});
//加载RS函数
//---------------------------------------------------------------------------
功能事件\单击(id){
window.location.hash=id;
//标记当前事件
$('wrap_right')。数据('curr_event',id);
//隐藏任何其他事件
if($('#wrap_right').data('first_click_made')==true)
{
$('#wrap_right.event_rs').hide();
}
//帧加载之前?
var-loaded=$('#e'+id).data('t1#u-loaded');
如果(已加载===true){
$('#rs#'+id).show();
}
否则{
创建_帧(id);
}
//打开/加载第一个选项卡
$('#rs"+id+'.t1')。单击();
$('wrap_right')。数据('first_click_made',true);
$(“#calu块”)。滚动到(“#e”+id,1000,{offset:{top:-220,left:0}});
}
函数创建框架(id){
var art=ents[id].art;
var-ven=ents[id].ven;
var type=ents[id]。吉格俱乐部;
//为选项卡选择颜色
如果(type==1){var label='gig';}
如果(type==2){var label='club';}
如果(type==0){var label='other';}
//为此事件创建rs容器
var frame='';
帧+='';
frame+=';
如果(艺术==1){frame+='- '}
如果(ven==1){frame+='
- '}
帧+='
';
帧+='';
如果(art==1){frame+='';}
如果(ven==1){frame+='';}
帧+='';
帧+='';
$(“#右换行”)。追加(帧);
//在cal块中标记当前事件
$('cal#u blocks.event_sel').removeClass('event_sel');
$('#e'+id).addClass('event#sel');
if($('#wrap_right')。数据('first_click_made')==false)
{
$(“#右换行”).delay(500).slideDown();
$('#rs#'+id+'.rs_制表符').delay(800.fadeIn();
}
};
//功能
//---------------------------------------------------------------------------
//检查是否已请求艺术家
请求的功能部件(id){
var art_req=$('e'+id).data('art_req');
如果(艺术要求!==假)
{
//警报(艺术要求);
$(“#艺术+艺术需求)。单击();
}
}
//平滑滚动艺术家窗格(否则滚动条会导致小故障)
函数()之前的函数{
如果(!IE){$('#art_scrollable.bio_etc').css('overflow','-moz scrollbars none');}
}
函数()之后{
如果(!IE){$('#art_scrollable.bio_etc').css('overflow','auto');}
}
函数prep_media_carousel(){
//youtube和soundcloud播放器
$(“#rs#u content.yt#u scrollable a.yt,#rs#u content.yt#u scrollable a.sc”)。颜色框({
套圈:错,
不透明度:0
});
$(“#颜色框”).easydrag(真);
$('#cbox