主题启用Ajax插件之后,需要回调Javascript代码,不然会导致部分包含Javascript的功能失效,比如:侧边栏选项卡、首页轮播幻灯等,所以需要在Ajax加载之后回调Javascript代码,以下就是本主题需要回调的(不包含代码高亮)代码,代码高亮回调详见:zblog php使用Ajax之后 自带代码高亮插件Prism失效的临时解决方法
/** 首页幻灯 **/
$("#slider1").Xslider({ // 默认配置 affect: 'fade', //效果 有scrollx|scrolly|fade|none speed: 1800, //动画速度 space: 4000, //时间间隔 auto: true, //自动滚动 trigger: 'mouseover', //触发事件 注意用mouseover代替hover conbox: '.conbox', //内容容器id或class ctag: 'div', //内容标签 默认为<a> switcher: '.switcher', //切换触发器id或class stag: 'a', //切换器标签 默认为a current: 'cur', //当前切换器样式名称 rand: false //是否随机指定默认幻灯图片 });
/** 侧边栏选项卡 **/
$.jqtab("#tabs", ".tab_con");
/** 文章图片特效 **/
$(document).ready(function() {$(".fancybox").fancybox();});
/** 导航选中当前分类加样式 **/
$(function(){ var surl = location.href; var surl2 = $(".place a:eq(1)").attr("href"); $(".tm_navBar ul li a").each(function() { if ($(this).attr("href")==surl || $(this).attr("href")==surl2) $(this).addClass("nb_on") }); });
/** 相册详细页 瀑布流 **/
imagesLoaded($('.post_content_album'), function() { $('.load_album').css('display', 'none'); fluid = new $('.post_content_album').fluid({col: 4, spacingX: 20, spacingY: 20}); });