【发现CSDN大坑比,竟然评论出错~ 俺的QQ:980581089 邮箱也是这个 你懂得~ 唉 心累】
项目中有需要图片浏览的一个需求,然后在网上找到一个很棒的工具 叫做viewer.js
GitHub地址 很容易就集成到项目中了,但是突然发现网页中左侧的菜单不能折叠了。。。
到项目中看了下,发现菜单控制用的是两个js文件,一个叫做sb-admin-2.js
代码如下:
$(function() {
$('#side-menu').metisMenu();
});
//Loads the correct sidebar on window load,
//collapses the sidebar on window resize.
// Sets the min-height of #page-wrapper to window size
$(function() {
$(window).bind("load resize", function() {
topOffset = 50;
width = (this.window.innerWidth > 0) ? this.window.innerWidth : this.screen.width;
if (width < 768) {
$('div.navbar-collapse').addClass('collapse');
topOffset = 100; // 2-row-menu
} else {
$('div.navbar-collapse').removeClass('collapse');
}
height = ((this.window.innerHeight > 0) ? this.window.innerHeight : this.screen.height) - 1;
height = height - topOffset;
if (height < 1) height = 1;
if (height > topOffset) {
$("#page-wrapper").css("min-height", (height) + "px");
}
});
var url = window.location;
var element = $('ul.nav a').filter(function() {
return this.href == url || url.href.indexOf(this.href) == 0;
}).addClass('active').parent().parent().addClass('in').parent();
if (element.is('li')) {
element.addClass('active');
}
});
一个叫做metisMenu.jsGitHub地址
然后谷歌浏览器调试js 提示_ sb-admin-2.js:3 Uncaught TypeError: $(...).metisMenu is not a function_
说metisMenu不是个方法,然而在metisMenu中有这么一个方法:
var pluginName = "metisMenu";
$.fn[pluginName] = function(options) {
this.each(function () {
var el = $(this);
if (el.data(pluginName)) {
el.data(pluginName).remove();
}
el.data(pluginName, new Plugin(this, options));
});
return this;
};
不懂什么意思,就查了下语法 说是添加一个jQuery 对象的扩展方法。显然之前是没问题的,加了viewer.js这个文件后这个扩展给搞没了或者是什么的。
是不是viewer.js中有某些东西把外部js文件中对jQuery的扩展给取消了? 对js不太熟悉,跪求路过的各位仙家指点迷津,不胜感激!