2013-09-12 4 views
1

Я написал один плагин с помощью следующего синтаксиса:

(function($){ 
$.fn.samplePlugin = function() { 
    return this.each(function() { 
    //My logic here 
    }); 
}; 
})(jQuery); 

Тогда я призвал нагрузки,

$(document).ready(function(){ 
    $('#sample').samplePlugin(); 
}); 

Теперь у меня есть эти две ошибки в моей консоль:

ReferenceError: jQuery is not defined 
ReferenceError: $ is not defined 

Можете ли вы сказать мне, что я не хватает, и что должно быть поток использования $ annotatio n, когда вы создаете или включаете плагины?

Спасибо,

ответ

2

Включите jQuery перед своим плагином.

+0

Вы имеете в виду файл jQuery? очевидно, я сделал правильно. – Eez

+0

Затем попробуйте 'alert (jQuery)' в начале вашего скрипта, чтобы проверить правильность загрузки jQuery. –

+0

Спасибо, это помогло. Я включил библиотеку jQuery, размещенную на google, поэтому путь был неправильным. – Eez

2

(1) Проверьте, правильно ли вы включили jquery lib. в вашем коде перед вызовом вашего плагина. (2) Если вы находитесь на хроме, чтобы проверить, загружен ли файл jquery, откройте инструменты разработчика [ярлык F12 в окнах] и перейдите на вкладку ресурсов. Посмотрите, загружен ли файл jquery по сценариям в ресурсах вашей страницы.

1

написать сделать файл уверен JQuery загружается правильно

Если с использованием библиотеки, пожалуйста, убедитесь, что заказ является правильным. Сначала вам нужно включить ссылку на библиотеку jQuery и после нее библиотеку пользовательского интерфейса jQuery.

0

Включили ли вы jQuery над своей функцией?

Если да, то используйте

$ = jQuery.noConflict();

выше вызов ваша функция.

+0

Орфография неверна Сандип, это не должно быть noConflict –

+0

@JatinDhoot: Тогда что это? – Sandeep

0
var jq = document.createElement('script'); 
jq.src = "//ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js"; 
document.getElementsByTagName('head')[0].appendChild(jq); 

jq.onload = procede;//make sure you don't type parenthesis 

//i.e. 'procede()' runs function instantly 
//  'procede' gives it a function to run when it's ready 

... 

function procede() 
{ 
//jQuery commands are loaded (do your magic) 


} 
Смежные вопросы