事件绑定不在div上工作

Question

我有这样的结构：

<ul id="container">
    <li>
        <div tabindex="1" class="selectThis">
            <div>
                <div>
                    <span class="textToEdit" contenteditable="true"></span>
                </div>
            </div>
        </div>
    </li>
<ul>

将事件绑定到可信范围的位置：

$("#container").on("keydown", ".textToEdit", function (e) {
    alert("yes");
});

但是div本身没有反应：

$("#container").on("keydown", ".selectThis", function () {
    alert("no");
});

使用.on因为整个事物是动态生成的，除了容器。我在所述容器上使用jquery UI sortable。绑定有什么问题？我也试过给ul和li一个tabindex，但div仍然不会给我一个警告。

Answer 1

问题是在sortable上调用ul后div没有被集中 - 手动调用$(".selectThis").focus()使其工作。感谢Pilgerstorfer Franz让我意识到这一点！