Крот
Новичок
Как правильно вызвать метод внутри класса?
Привет.
Задача: Есть div c id="uid", при наведении на него мышкой - содержимое div'а должно меняться на "Курсор находится на мне!". Если после этого убрать курсор - содержимое должно меняться на "Вы убрали курсор". Реализовать нужно через "класс", без использования глобальных переменных.
Вроде бы всё сделал, но никак не получается внутри класса забиндить собитие для элемента, которое бы вызывало один из методов класса.
PS: Для биндинга event'ов и операций с DOM - использую jQuery.
Подскажите пожалуйста как лучше сделать?
Возможно что-то вообще неправильно делаю, не лучшим образом.
Спасибо!
Привет.
Задача: Есть div c id="uid", при наведении на него мышкой - содержимое div'а должно меняться на "Курсор находится на мне!". Если после этого убрать курсор - содержимое должно меняться на "Вы убрали курсор". Реализовать нужно через "класс", без использования глобальных переменных.
Вроде бы всё сделал, но никак не получается внутри класса забиндить собитие для элемента, которое бы вызывало один из методов класса.
PS: Для биндинга event'ов и операций с DOM - использую jQuery.
Код:
<div id="uid">Наведи на меня мышку...</div>
<script>
function MyClass(el) {
this.el = el;
this.privet = "Курсор находится на мне!";
this.poka = "Вы убрали курсор!";
/* Вот тут я пытаюсь забиндить вызов метода класса на убирание курсора с элемента. */
this.el.mouseleave(function() {
this.sayPoka();
});
this.sayPrivet = function() {
this.el.html(this.privet);
}
this.sayPoka = function() {
this.el.html(this.poka);
}
}
$("#uid").mouseenter(function() {
my_class = new MyClass($(this));
my_class.sayPrivet();
});
</script>
Возможно что-то вообще неправильно делаю, не лучшим образом.
Спасибо!