Я добавляю этот простой плагин, который у меня работает на статическом html-сайте, и пытаюсь добавить его на сайт разработки WordPress, основанный на 960 gs.Ссылки на код JQuery верны, но консоль выдает мне эту ошибку "Uncaught TypeError: Невозможно вызвать метод 'addGrid' со значением NULL" Я получил код из этого тура http://www.badlydrawntoy.com/2009/04/21/960gs-grid-overlay-a-jquery-plugin/
Воткод, который я использую
/*<![CDATA[*/
// onload
$(function() {
$("body").addGrid(12, {img_path: 'img/'});
});
/*]]>*/
Вот код для плагина
/*
* @ description: Plugin to display 960.gs gridlines See http://960.gs/
* @author: badlyDrawnToy sharp / http://www.badlydrawntoy.com
* @license: Creative Commons License - ShareAlike http://creativecommons.org/licenses/by-sa/3.0/
* @version: 1.0 20th April 2009
*/
(function($){$.fn.addGrid=function(cols,options){var defaults={default_cols:12,z_index:999,img_path:'/images/',opacity:.6};var opts=$.extend(defaults,options);var cols=cols!=null&&(cols===12||cols===16)?cols:12;var cols=cols===opts.default_cols?'12_col':'16_col';return this.each(function(){var $el=$(this);var height=$el.height();var wrapper=$('<div id="'+opts.grid_id+'"/>').appendTo($el).css({'display':'none','position':'absolute','top':0,'z-index':(opts.z_index-1),'height':height,'opacity':opts.opacity,'width':'100%'});$('<div/>').addClass('container_12').css({'margin':'0 auto','width':'960px','height':height,'background-image':'url('+opts.img_path+cols+'.png)','background-repeat':'repeat-y'}).appendTo(wrapper);$('<div>grid on</div>').appendTo($el).css({'position':'absolute','top':0,'left':0,'z-index':opts.z_index,'background':'#222','color':'#fff','padding':'3px 6px','width':'40px','text-align':'center'}).hover(function(){$(this).css("cursor","pointer");},function(){$(this).css("cursor","default");}).toggle(function(){$(this).text("grid off");$('#'+opts.grid_id).slideDown();},function(){$(this).text("grid on");$('#'+opts.grid_id).slideUp();});});};})(jQuery);