jQuery点击事件不稳定，占位符卡住

Question

我正在搞砸将图像选择工具移植到jQuery中。我有几个小问题让我很烦恼——

首先，可排序的占位符似乎卡在 UL 的顶部 - 如果项目被删除，它不会向下移动以显示建议的新位置。

其次，附加到按钮的点击事件不能可靠地触发 - 有时它们工作正常，有时需要2,3或4次点击才能触发。

我一直在阅读大量的教程和jQuery文档，我相信我已经正确地完成了这项工作，但我相信有更好的方法来处理我所尝试的内容。

这是一个显示行为的jsfiddle。 任何帮助表示赞赏！

http://jsfiddle.net/Y2tRW/9/

Answer 1

测试了第一个问题

• IE9（如果在 IE8 兼容模式下加载文档，占位符将按预期工作）
• Chromium21（在PC上有效，而在另一台PC上则不行，我很失望）
• 歌剧11

占位符按预期工作，第二个问题是您需要精确单击 元素，如果您单击按钮但不单击图像，它只会滚动到页面顶部。

这将解决问题，更改

$("#sortable").on("click", "i.icon-pencil", function(e) {

自

$("#sortable").on("click", "a.btn:has(i.icon-pencil)", function(e) {

编辑：找到了

您有float:left;（它在 .span12 的 bootstrap-combined.min.css 中）用于所有 li 元素，但没有突出显示

将其添加到您的小提琴中，它将起作用。

它

在家里的IE上工作，因为我的兼容性始终设置为IE8，现在我摆脱了该设置并且它不起作用。 顺便说一下，IE8 不适用于float:left display:list-item;