Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/380.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 用于页面导航的JQuery插件_Javascript_Jquery_Jquery Plugins - Fatal编程技术网

Javascript 用于页面导航的JQuery插件

Javascript 用于页面导航的JQuery插件,javascript,jquery,jquery-plugins,Javascript,Jquery,Jquery Plugins,我开发了一个Jquery插件,用户可以在网页的元素之间导航 使用箭头键。当前选定的元素周围有一个荧光灯{(荧光灯div)。 我在这里指定插件的代码,在我看来,这部分代码似乎有问题 var offset=$('.+e.onClass).offset(); $('#monitor').html($.htmlClean($('.+e.onClass.html()); $('highlighter')。动画({'height':$('.+e.onClass).height()+10,'left':(o

我开发了一个Jquery插件,用户可以在网页的元素之间导航 使用箭头键。当前选定的元素周围有一个荧光灯{(荧光灯div)。 我在这里指定插件的代码,在我看来,这部分代码似乎有问题

var offset=$('.+e.onClass).offset();
$('#monitor').html($.htmlClean($('.+e.onClass.html());
$('highlighter')。动画({'height':$('.+e.onClass).height()+10,'left':(offset.left-6)+'px','top':(offset.top-10)+'px','width':$('.+e.onClass).width()+12},300);
//下面是highlighter div的一些其他代码
$('')
.addClass('highlighter')
.prependTo(“主体”);
$('')
.附于(“主体”);
document.onkeydown=函数(e){
var k=e.keyCode;
如果(k>=37&&k
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 && 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);