javascript - Accordion 标题子项的停止单击、Enter 和箭头键

Question

所以我想在 JQueryUI 的 Accordion header 中放置一个 contenteditable 字段，但是，当我尝试将事件绑定(bind)到该子对象时，即使我尝试取消绑定(bind)或阻止， Accordion 的绑定(bind)也会优先遗产。

<div class="accord">
    <div>
        <div class="theHead" >
            <span class="ignoreAccordBinds" contenteditable="true">Edit Me</span>
        </div>
        <div class="theBody">
        SomeBody
        </div>
    </div>
            ...

我希望上面的代码在范围内执行任何操作时忽略所有 Accordion 操作。

我已经尝试过

     $(".ignoreAccordBinds").keypress(function(e){
          e.stopPropagation();
      });
   $(".accord").find(".ignoreAccordBinds").unbind();

似乎都没有帮助。

我创建了一个JSFiddle我的问题。如果您尝试使用向右箭头键将光标(插入符号)移动到其中一个标题上， Accordion 会选择另一个 div。如果您尝试按 Enter 键，它只会打开/关闭它们，而不是插入换行符。

有人有什么想法吗？

Answer 1

使用

$(".ignoreAccordBinds").keypress(function (e) {
    e.stopPropagation();
    return false;
});

您的语法不正确。

  $(".ignoreAccordBinds").keypress()(function(e)
                                  ^

这里不需要括号。

DEMO