0

画像選択ツールをjQueryに移植するのをいじっています。私は私を悩ませているいくつかの小さな問題を抱えています-

まず、並べ替え可能なプレースホルダーがULの上部に固定されているように見えます。アイテムがドロップされた場合、提案された新しい位置を表示するために下に移動しません。

次に、ボタンに関連付けられたクリックイベントは確実に起動しません。正常に機能する場合もあれば、起動するまでに2、3、4回のクリックが必要な場合もあります。

私はたくさんのチュートリアルとjQueryドキュメントを読んでいて、これは適切に行われたと思いますが、私が試みたことを処理するためのより良い方法があると確信しています。

これが動作を示すjsfiddleです。助けていただければ幸いです。

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

4

1 に答える 1

1

最初の問題をテストしました

  • ie9（ドキュメントがie8互換モードで読み込まれた場合、プレースホルダーは期待どおりに機能します）
  • クロム21（PCでは動作し、別のPCでは動作しません、私は失望しています）
  • opera11

プレースホルダーは期待どおりに機能します。2番目の問題は、<i>要素をクリックする必要があることです。ボタンをクリックしても画像ではなく、ページの上部までスクロールするだけです。

これで問題が解決し、変更します

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

に

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

編集：それを見つけた

すべてのli要素にはfloat:left;（.span12の場合はbootstrap-combined.min.cssにあります）ありますが、ハイライトにはありません

あなたのフィドルにそれを追加し、それは動作します。

それは自宅で機能しました。つまり、互換性が常にIE8に設定されているため、その設定を削除しても機能しません。float:leftちなみにie8は適用されませんdisplay:list-item;

于 2012-10-09T20:33:37.763 に答える