Пытаюсь сделать плагин для визуального редактора.
Элемент для редактирования определяю среди всех элементов при помощи функции $("*")hover
.
Хочу сделать чтобы можно было подсветить элемент при наведении, но только после активации checkbox(Режим редактирования)
Но проблема кроется в том что, я хочу чтобы данная функция работала только при нажатом Checkbox. А у меня после отжатия чекбокса функция продолжает работать и не останавливается.
Вот ссылка на полный код https://jsfiddle.net/Eusene/x002e7et/1/
Фрагмент скрипта:
$('input[type="checkbox"]').click(function(){
if( $(this).is(':checked') ) {
// Галочка стоит
console.log('ON')
//Запускаем редактор
$("*").hover(function(){ //Определяем элемент с hover
$focusid = $(this).attr('class'); //Записываем класс элемента
/*console.log($focusid);*/
$(this).hover(
function(){
$("*").removeClass('editfocus'); //Очищаем классы
$(this).addClass('editfocus'); //Выделяем 1 эл.
$focusHtml = $(this).parent().html();
/*console.log($focusHtml);*/
$("#editorHtml").val($focusHtml);
},
function(){ $(this).removeClass('editfocus') });
}); // End.Редактор
} else {
// Галочка не стоит
console.log('OFF')
$("*").removeClass('editfocus'); //Очищаем классы
}
});