将 jQuery keynav 插件与 live() 一起使用

发布于 2024-12-05 22:57:07 字数 327 浏览 0 评论 0原文

我有一个有两列的网站,第一列是一个表单,第二列是 ajax 生成的一系列 div。我需要键盘友好的导航,到目前为止 jQuery 插件 keynav 做得很好。

但是,如果我希望按键导航扩展到添加到 DOM 的 div,我需要使用 live(),但我很难弄清楚。我假设它会是这样的:

$(document).live('keyup', function(){
    $('input, button, .restu').keynav('keynav','keynav');
});

其中“restu”是生成的 div 的类。但这是行不通的。有什么想法吗?

I have a website with two columns, in the first is a form and the second an ajax generated series of divs. I need keyboard friendly navigation and so far jQuery plugin keynav is doing a good job.

But if I want the key navigation to extend over the divs that are added to DOM I would need to use live() and I'm having trouble figuring out. I assumed it would be something like this:

$(document).live('keyup', function(){
    $('input, button, .restu').keynav('keynav','keynav');
});

Where "restu" is the class of the generated divs. But that's not working. Any ideas?

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(2

早茶月光 2024-12-12 22:57:07

您可以使用委托:

$(document).delegate('div', 'keyup', function(){
    $('input, button, .restu').keynav('keynav','keynav');
});

You could use delegate:

$(document).delegate('div', 'keyup', function(){
    $('input, button, .restu').keynav('keynav','keynav');
});
奢欲 2024-12-12 22:57:07

尝试使用窗口而不是文档

$(window).live('keyup', function(){
    $('input, button, .restu').keynav('keynav','keynav');
});

Try window instead of document

$(window).live('keyup', function(){
    $('input, button, .restu').keynav('keynav','keynav');
});
~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文