1

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

visibility : hidden;

設定してみました

content : url(transparent.gif);

どちらも効果がないようです。これを修正するにはどうすればよいですか？Dom Explorer（またはIE8開発者ツールで呼び出されたもの）のように、表示されているCSSを調べる方法についての提案は、マウスを離すとすぐに消えてDomになるため、imgが表示されません。 Explorerは、Firebugのようにリアルタイムで更新するようには見えません。

編集：これは複製されたprobelmですhttp://jsbin.com/irozu

例を単純化しすぎましたが、もう1つの問題は、タブ全体がスクロール可能で、スライダーで制御できることです。変化

display : inline;

に

float : left;

スクロール可能なアイテムのリストがなくなったため、機能しません。また、奇妙な理由で、スクロールバーがあり、ターゲットとして「img」の代わりに「li」を使用すると、ソート可能オブジェクトが機能しなくなります。

更新された例は次のとおりです：http：//jsbin.com/ahawi。

4

5 に答える 5

1

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

IE8のデフォルトの並べ替え可能な動作に問題はありません。このホストされた例で説明した内容を再現しようとしました：http：//jsbin.com/osobu（並べ替え可能な画像は3番目のタブにあります）。

問題を再現するために、さらにコードを提供するか、（ http://jsbin.com/osobu/editを介して）提供したサンプルを編集すると便利です。

編集

itemsコメントに応じて、オプションをに設定するだけ"li"で問題が修正されます。また、私はあなたが使用する必要があります

#images li { float: left; }

それ以外の

#images li { display: inline: }

そうしないと、ドラッグ中に画像がオフセットされます。

修正されたデモは次のとおりです：http：//jsbin.com/osezu

于 2009-05-03T03:32:53.453 に答える
1

プレースホルダーは壊れた画像を示しています。IE8 でプレースホルダーを非表示にするために使用できる CSS 設定はありますか。私が試してみました

jQuery UIが（あなたの場合）プレースホルダーにsrc属性を設定せずにIMG要素を作成するため、壊れた画像が表示されます。この問題を解決するために：

  1. プレースホルダー オプションを設定しないか、

  2. .showPlace クラスを次のように変更します

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

上記のコードは (存在しない) 画像コンテンツを非表示にしますが、要素は表示したままにします。

ところで。私のテストケースでは、設定visibility: hiddenも.showPlaceうまくいきました

于 2009-05-06T08:20:59.477 に答える
1

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

主な問題は、ULではなくDIVをソート可能に設定していたことです

思い通りに動作するようです: http://jsbin.com/egiwu

于 2009-05-06T09:47:26.803 に答える
0

別の回避策は次のとおりです。

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

つまり、開始イベントハンドラーを設定します。これにより、プレースホルダーimgの「src」属性が設定されます。

于 2010-11-01T00:54:52.917 に答える
0

あなたは試すことができますdisplay: none;：

于 2009-05-03T02:35:09.257 に答える