Я перефразирую.
Сначало надо применить виджет к выборке
А только потом обращаться к методам виджета
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<link rel="stylesheet" type="text/css" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.16/themes/base/jquery-ui.css">
<script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></script>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.16/jquery-ui.min.js"></script>
</head>
<body>
<div id="test"> </div>
<script type="text/javascript">
(function($) {
$.widget("ui.myWidget", {
options: {
},
//инициализация виджета
_create: function() {
alert("привет я метод инициализации виджета.");
},
// твой собственный метод
hello:function() {
alert("Всем привет я пользлвательский метод");
},
// деинициализация виджета
destroy: function() {
},
});
})(jQuery);
// $("#test").myWidget('hello'); // эта строка работать небудет.
// Мы неможем вызвать метод того чего не существует.
// дальше пишем правильно
//применяем виджет
$("#test").myWidget();
//обращаемся к методу виджета
$("#test").myWidget('hello');
</script>
</body>
</html>