选项卡 jeditable 字段和 non-jeditable 字段答案

【问题标题】：Tabbing jeditable fields and non-jeditable fields选项卡 jeditable 字段和 non-jeditable 字段
【发布时间】：2014-02-13 16:57:51
【问题描述】：

在我的网站上，我有几个表单正在使用 judicable 插件进行就地编辑，但那里也混合了选择标签和一些上传输入。我试图对其进行设置，以便当您按下 tab 键时，它会选择下一个字段。所以我尝试用查询来设置它。

$('.edit').bind('keydown', function(evt) {
  if(evt.keyCode==9) {
    var nextBox='';
    var currentBoxIndex=$(".edit").index(this);

     if (currentBoxIndex == ($(".edit").length-1)) {
          alert('next please');        
       } else {
            nextBox=$(".edit").eq(currentBoxIndex+1); 
            $(this).find("input").blur();
            $(nextBox).click();  
            return false;    
       }
  };
});

这适用于 jeditable 字段，但它会跳过任何类型的选择字段或在两者之间上传。有什么方法可以包含选择字段等，以便真正切换到下一个输入？

【问题讨论】：

如果您可以为我们提供一个工作示例页面（或者更确切地说，一个示例页面，其中除了您的问题之外一切都更糟），这将很有用。现在，设置一个示例页面会让任何想要回答这个问题的人花费比实际回答更多的时间（这可能就是为什么还没有人回答它的原因）。
@Carpetsmoker 如果可能的话，我会设置一个示例页面，但不幸的是它不是。 Jeditable 是一个插件，在 jsFiddle 中不能很好地工作，相信我我试过了。即使这样可行，我工作的公司也不希望我出于某种奇怪的原因分享他们的 html 代码。
您不需要分享所有内容，只需一个（简单）测试/示例页面来演示问题。
@Carpetsmoker 同样，我无法在 jsFiddle 中复制 jEditable，这确实是这个问题的重点。
我从来没有说过 jsFiddle。 jsFiddle 不是设置测试页面的唯一方法，您可以将一些 html/js/css 放在页面中的某个位置...

标签： jquery jeditable

【解决方案1】：

您是否尝试过使用 HTML tabindex 属性？它适用于可编辑字段。

Example Fiddle

【讨论】：

那行不通...目标是跳到下一个字段...只是保存值。关键是在可编辑字段和常规选择之间来回切换。
这里更新了常规选择：jsfiddle.net/6RfM8/1，您可以使用自己的 tabindex 将常规选择添加到组合中，并且效果很好。 tabindex 的存在是为了控制用户选项卡时元素聚焦的顺序。此外，您可以将 event: focus 选项与 jeditable 一起使用，而不必模拟 click 事件。
这对我仍然不起作用，甚至在小提琴中也不起作用。它只是节省了价值，这不是我希望在这里做的。
我小提琴的重点不是“保存”，在尝试帮助您之前，我什至从未见过 jeditable。只是您不需要使用 javascript 来指定 tab 键的工作方式。我从字面上直接从他们的网站上获取了样本。无论如何，祝你好运。
感谢您提供帮助，但在您的示例中，我没有看到选项卡工作。