0

単純なホバー効果のあるドラッグ可能なdivがあります。「helper：clone」オプションを使用してこのdivをドラッグすると、要素をドラッグしているときにホバー効果が削除されません（Internet Explorer）。ただし、Chromeを使用すると効果がなくなります。

私のCSS：

.div-draggable
{
  width: 100px;
  height: 25px;
  border: 1px solid #000;
  cursor: pointer;
}

.div-draggable:hover
{
  background: blue;
  border-color: red;
}

私のJS：

$(document).ready(function() {
  $('.div-draggable').draggable({
  helper: "clone"
  })
});

これが私の問題を含むJsFiddleです（ChromeとIEで開いてください）

http://jsfiddle.net/m3GyL/

ヘルパー要素をカスタマイズしたいのでホバー効果を削除する必要がありますが、ホバーからの背景と境界線のために適切に削除できません。

誰か助けてもらえますか？Chromeで動作するように、IEで動作させる必要があります。

ありがとう！

4

1 に答える 1

0

ドラッグ開始イベントハンドラーを使用して、ドラッグ中にヘルパーUI要素のcssを変更できます。これにより、ブラウザー間でも機能するようになります。

    $(document).ready(function() {
      $('.div-draggable').draggable({
        helper: "clone",
        start: function(e, ui) {
          $(ui.helper).css("background", "white").css("border-color","black");
        }
      });
    });

これがお役に立てば幸いです。ここで解決済みのフィドルを見つけてください。

于 2013-01-08T20:17:53.460 に答える