Javascript 如何将焦点交还给刚刚失去它的DIV

我正在为wordpress开发一个小的图库插件

它将jQuery与其他几个插件结合使用： -jScrollPane -悬停意图

我使用jScrollPane替换浏览器提供的丑陋的滚动条，并使用箭头滚动图像

所有图像都排列在一行上

问题是，我希望图库可以通过键盘上的箭头键滚动

因此javascript代码如下所示：

$(document).ready (function () {

    $('.darkenjquery').bind('touchstart', function() {
        $(this).find('img').fadeTo(200, 0.3);
        $(this).find('span').css('z-index',3);
    }).bind('touchend', function() {
        $('body').find('img').fadeTo(200, 1);
        $('body').find('span').css('z-index',1);
    }).hoverIntent(function() {
        $(this).find('img').fadeTo(200, 0.3);
        $(this).find('span').css('z-index',3);
    }, function() {
        $(this).find('img').fadeTo(200, 1);
        $(this).find('span').css('z-index',1);
    });

    $('#oupsmangallery').on('blur',function () {
        $('#oupsmangallery').trigger("focus");
    });

    $('#oupsmangallery').jScrollPane({showArrows: true, hideFocus: true});

    $('#oupsmangallery').trigger("focus");

});

插件生成的html代码与此类似：

<p class='explain'>Vous pouvez faire défiler la galerie avec les flèches gauche et droite du clavier. En positionnant le curseur de votre souris sur une image, la légende apparaitra</p>
<div id='oupsmangallery'>
<table id='gallery'><tbody><tr>
<td class="galleryelement"><div class="darkenjquery">
<img class="galleryimage" src="http://192.168.10.14/wp-content/uploads/2014/03/site_000_christiane_taubira_unnamed-750x500.jpg" alt=""><span class="legend">2013 - intervention de Madame Christiane Taubira, garde des seaux, dans le cadre du projet litt&eacute;raire Images de femmes des jeunes &eacute;crivains des ateliers d&#039;&eacute;criture &quot;La Cite Des Mots&quot; </span></div></td>
</tr></tbody></table>
</div>

你是一位出色的钢琴演奏家吗。图片上的“灵魂之路”的位置，légende apparaitra
2013年的今天，克里斯蒂娜·托比拉夫人、西奥花园、利特和埃库特项目干部院的介入；青年女性与青年女性形象；克里万工作室d&039&伊库特；“运动之城”标准

表中的单元格（当然）要多得多

对于id为“Oupsmangalley”的div来说，第一个触发焦点的方法非常有效。但当该div失去焦点时，会触发模糊事件，但该div无法恢复焦点

我错过了什么

---

非常感谢你的回答

不要在blur中调用focus（），而是直接使用settimeout（）调用它，1到10毫秒的超时应该足够了

你有一点这个问题吗？