Jquery Ui IE8で壊れた画像を並べ替えることができます

Question

私は、並べ替え可能な画像コレクションを持っています。アイテムはimgに設定されています（タブコントロール内にあり、水平方向のリストなので、リスト項目で並べ替えることはできません）、IE8を除いて完全に動作する標準準拠モードであっても）、プレースホルダは壊れた画像を表示します。 IE8でプレースホルダを見えなくするために使用できるCSS設定はありますか？私は

content : url(transparent.gif); 

を設定していないどちらも任意の効果を持つように思わしようとしてい

visibility : hidden; 

を試してみました。これを修正するにはどうすればよいですか？ Dom Explorer（またはIE8開発ツールで呼び出されたもの）のように、どのCSSが表示されているかを調べる方法についての提案はありません。私はimgを見ることができません。エクスプローラはFirebugのやり方をリアルタイムで更新していないようです。

編集：ここではprobelmは私が上で、私の例を簡略化しhttp://jsbin.com/irozu

を複製され、他の問題は、全体のタブがスライダーによって制御される、スクロール可能であるということです。私たちはもはや項目のスクロール可能なリストを持っていないよう

float : left; 

に

display : inline; 

を変更すると、動作しません。また、いくつかの奇妙な理由で、スクロールバーがあり、ターゲットとして "img"の代わりに "li"を使用すると、ソート可能な作業が停止します。

更新された例は、http://jsbin.com/ahawiです。

Answer 1

プレースホルダが壊れた画像を示す：ここ

は固定デモあります。 IE8でプレースホルダを見えなくするために使用できるCSS設定はありますか？私は試しました

jQuery UIは（あなたのケースでは）プレースホルダーのsrc属性を設定せずにIMG要素を作成するため、壊れた画像が表示されます。上記の（非を非表示にしますプレースホルダオプション または

変更

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

コードのようなものにあなたの.showPlaceクラスを設定していない

1. ：この問題を解決するために、存在する）画像コンテンツを表示するが、要素は可視のままにする。

   BTW。私のテストケースでは、visibility: hiddenを.showPlaceに設定してもうまく動作しました。

Answer 2

試してみることができます：display: none;。

Answer 3

プレースホルダを表示したくない場合は、には、placeholderのオプションを設定しないでください。

IE8のデフォルトのソート可能な動作に問題はありません。

もっと多くのコードを提供したり、私が提供したサンプル（http://jsbin.com/osobu/editを介して）を編集した場合に役立つでしょう。この例では、あなたがこのホストされた例で説明した内容を再現しようとしました。問題を再現するために

編集

あなたのコメントを受けて、あなただけの"li"にitemsオプションを設定することができますし、問題が固定されています。また、私はあなたにあなたがそれをドラッグしている間、代わりに

#images li { display: inline: } 

か、他の画像の

#images li { float: left; } 

がオフセットされます使用しています。http://jsbin.com/osezu

Answer 4

私はそれを修正してコードをかなり減らしました。

主な問題あなたはソート可能なDIVを設定したのではなくUL

は、あなたがそれをしたいだけのように動作するように思えるました：http://jsbin.com/egiwu

Answer 5

ここで別の回避策です：つまり

$('.mysortthings').sortable({ 
    start: function(event,ui) { 
     $('.ui-sortable-placeholder').each(function() { 
      this.setAttribute('src','/ico/unipixel.gif'); }); 
     } 
}); 

は、開始イベントハンドラを設定します。開始イベントハンドラは、プレースホルダimgの 'src'属性を設定します。