Невозможно перетащить с помощью изображения в привязке ссылки в Chrome или IE - PullRequest
Новая
       47

Невозможно перетащить с помощью изображения в привязке ссылки в Chrome или IE

2 голосов
/ 21 июля 2010

Это будет довольно сложно объяснить, поэтому я собрал JsFiddle, чтобы помочь продемонстрировать. http://jsfiddle.net/j5TKr/

Я пытался включить все, что мне нужно, не слишком усложняя. Общая цель состоит в том, чтобы иметь список li, которые можно выбрать (один щелчок, Ctrl-щелчок, Shift-щелчок) или двойной щелчок для открытия. Выбранные li можно перетаскивать (чтобы их можно было перемещать в другие папки). JsFiddle не имеет правильной группировки li, но меня это не беспокоит, так как на самом деле он работает правильно.

Проблема , которая у меня есть , заключается в том, что в Google Chrome и IE (и, возможно, в других браузерах - , а не Firefox) вы не можете перетаскивать li вокруг, используя изображение внутри якоря. Точнее говоря, в Chrome он не перетаскивается, пока вы не отпустите кнопку мыши. Если я удаляю изображение (текстовая ссылка «Это работает»), оно работает. Если вы перетаскиваете, используя информацию об изображении ниже фактического якоря, оно также работает.

Я понимаю, что это проблема, связанная с тем, что я хочу иметь возможность щелкать и выбирать li без фактического открытия ссылок.

Извините, если все это немного сбивает с толку. Я отвечу на любые возникшие вопросы.

1 Ответ

3 голосов
/ 24 июля 2010

Вот обходной путь HTML, эффективный в IE и Google Chrome.

Вместо того, чтобы отмечать перетаскиваемые элементы следующим образом: 

<div class="icon">
  <a title="assets" href="[link]">
    <img src="[image]" />
  </a>
</div>

Пометьте их так: 

<div
  class="icon"
  style="width: 90px; height: 90px; background: url('[image]')">
</div>

(Конечно, вы можете отделить добавленный CSS от HTML.)

...