Плагины jQuery для навигации по странице

#javascript #jquery #jquery-plugins

#javascript #jquery #jquery-плагины

Вопрос:

Я разработал плагин Jquery, в котором пользователь может перемещаться между элементами веб-страницы с помощью клавиш со стрелками. Выбранный в данный момент элемент обведен маркером{(выделенный элемент div). Я указываю здесь код той части плагина, которая кажется мне неисправной

http://i.stack.imgur.com/Bnbem.png

 var offset = $('.' e.onClass).offset();
        $('#monitor').html($.htmlClean($('.' e.onClass).html()));
        $('#highlighter').animate({'height' : $('.' e.onClass).height()   10, 'left' : (offset.left - 6)   'px', 'top' : (offset.top - 10)   'px', 'width' : $('.' e.onClass).width()   12 }, 300);

// here is some other code for the highlighter div

$('<div id="highlighter">')
    .addClass('highlighter')
    .prependTo('body');

    $('<div id="monitor">')
    .appendTo('body');  
    document.onkeydown = function(e) {
        var k = e.keyCode;
        if(k >= 37 amp;amp; k <= 40) {
            return false;
        }
    }

//  $('body').html($.htmlClean($(this).html(), { allowedTags : ['a', 'ul', 'ol', 'li', 'br', 'p'] }));

    var toFind = 'h1, h2, h3, h4, h5, p:visible, li:visible, input, textarea, th:hasText, td:last-child, td:hasText, pre, label, dt, dd';
    $('body').find(toFind).addClass('keynav_box');
    $('body').find(toFind).keynav('keynav_focusbox','keynav_box');
    // Set the first div as the one with focus, this is optional
    $('.keynav_box:first').removeClass().addClass('keynav_focusbox');
});     
//      $('#highlighter').scrollIntoView(true);
  

Проблема, с которой я сталкиваюсь, заключается в том, что навигатор занимает гораздо меньше места и застревает в верхнем левом углу, как показано по ссылке выше