Jquery Ui Sortable 在 IE8 中显示损坏的图像

Question

我有一个可查询的可排序图像集合，即。元素设置为 img (由于它位于选项卡控件中并且是水平列表，无法在列表元素上排序，我只是无法让它工作)，除了 IE8 之外，它在任何地方都可以完美工作(即使在标准合规模式下)，其中占位符显示损坏的图像。我可以使用任何类型的 CSS 设置来使占位符在 IE8 中不可见吗？我已经尝试过

visibility : hidden;

我尝试过设置

content : url(transparent.gif);

似乎都没有任何效果。我可以做什么来解决这个问题？关于如何检查正在显示的 CSS 的任何建议，如在 Dom Explorer(或 IE8 开发人员工具中的任何名称)中，我看不到 img，因为一旦我放开鼠标，它就会消失并且 Dom Explorer 似乎没有像 Firebug 那样进行实时更新。

编辑:这是重复的问题 http://jsbin.com/irozu

我过度简化了我的示例，另一个问题是整个选项卡是可滚动的，由 slider 控制。改变

display : inline;

到

float : left;

不起作用，因为我们不再有可滚动的元素列表。另外，出于某种奇怪的原因，当存在滚动条并且您使用“li”而不是“img”作为目标时，可排序功能将停止工作。

更新后的示例位于:http://jsbin.com/ahawi .

Answer 1

where the placeholder shows a broken image. Is there any kind of CSS setting I can use to make the placeholder invisible in IE8. I have tried

出现损坏的图像是因为 jQuery UI 创建(在您的情况下)一个没有为占位符设置 src 属性的 IMG 元素。解决这个问题:

1. 不要设置占位符选项或

2. 将您的 .showPlace 类更改为类似的内容

   .showPlace {
      margin: 20px;
      overflow: hidden;
      width: 0; height: 0;
   }
   

上面的代码将隐藏(不存在的)图像内容，但会使元素可见。

顺便说一句。在我的测试用例中，将 visibility:hidden 设置为 .showPlace 也效果很好