Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/464.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

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/68.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 在lightbox/Recognite'中使用键盘导航;onkeypress';as';onclick';_Javascript_Jquery_Onclick_Onkeypress - Fatal编程技术网

Javascript 在lightbox/Recognite'中使用键盘导航;onkeypress';as';onclick';

Javascript 在lightbox/Recognite'中使用键盘导航;onkeypress';as';onclick';,javascript,jquery,onclick,onkeypress,Javascript,Jquery,Onclick,Onkeypress,我尝试使用键盘箭头左/右导航我的lightbox,但我的脚本无法工作。 如果脚本将“onkeypress”识别为“onclick”,那就太好了,因为我必须使用“onclick”进行谷歌分析统计。 有什么想法吗?谢谢 脚本: jQuery(function( $ ) { var keymap = {}; keymap[ 37 ] = ".prev"; keymap[ 39 ] = ".next"; $( document ).on( "keyup", function(event) {

我尝试使用键盘箭头左/右导航我的lightbox,但我的脚本无法工作。
如果脚本将“onkeypress”识别为“onclick”,那就太好了,因为我必须使用“onclick”进行谷歌分析统计。
有什么想法吗?谢谢

脚本:

jQuery(function( $ ) {
var keymap = {};


keymap[ 37 ] = ".prev";

keymap[ 39 ] = ".next";

$( document ).on( "keyup", function(event) {
    var href,
        selector = keymap[ event.which ];
    if ( selector ) {
        href = $( selector ).attr( "href" );
        if ( href ) {
            window.location = href;
          }
        }
    });
});
HTML:

<li>
  <a href="#example-01" onclick="_gaq.push(['_trackPageview', location.pathname + location.search + '#example-01']);"><img src="images/thumbs/example-01.jpg" /></a>
    <div class="lb-overlay" id="example-01">
        <img src="images/full/example-01.jpg" />
                <div>
                    <a href="#example-00" onclick="_gaq.push(['_trackPageview', location.pathname + location.search + '#example-00']);" class="prev">PREV</a>
                    <a href="#example-02" onclick="_gaq.push(['_trackPageview', location.pathname + location.search + '#example-02']);" class="next">NEXT</a>
                </div>
     </div>
 </li>
  • 我想说试试:

    $('body').on('keyup', function (e) {
        switch (e.which) {
            case 37:
                $('.prev')[0].click();
                break;
    
            case 39:
                $('.next')[0].click();
                break;
        }
    });
    

    此代码适用于我的问题:

    var current = 0;
        $(document).on('keyup', function (e) {
            switch (e.which) {
                case 37:
                    $('.lb-prev')[--current].click();
                    break;
    
                case 39:
                    $('.lb-next')[++current].click();
                    break;
        }
    });
    

    谢谢你的回答,但似乎没有什么效果。我编辑了问题中的脚本。现在我可以使用键盘箭头导航,但还有一个问题。当我按下向右箭头(下一步)时,当前图像将更改为我的灯箱的第二个,当我按下向左箭头(上一步)时,当前图像将更改为我的灯箱的最后一个。它对每个当前图像都这样做。也许你应该针对特定的下一个/上一个按钮,我真的不明白你在说什么。我只是想修复你以前发布的代码,现在有了新的,恐怕这个答案没有多大意义。现在,如果您需要更具体/相关的帮助,您应该在线复制您的问题,例如,在jsFiddleAhah上,不要害怕,我想我会找到问题的解决方案。谢谢。谢谢你的帮助,你的代码不完整,但对我帮助很大,你会在我回答我自己的问题时发现你的代码有一个新的编辑:)