Opened 7 years ago

Closed 7 years ago

Last modified 7 years ago

#8378 closed bug (notabug)

IE7, droppable doesn't work.

Reported by: flasht Owned by:
Priority: minor Milestone: 1.9.0
Component: ui.droppable Version: 1.8.20
Keywords: Cc:
Blocked by: Blocking:

Description

Draggable does work, but droppable not. It does only revery when dropped, doesn't hover-highlight, neither.

<img class="p2i" name="p2" src="..." />
<div class="p2c" name="p2"></div>

<script>
	$('img[name="p2"]').draggable({
			start: function(e,ui){$(this).hide().fadeIn()},
			revert: true, zIndex: 999,tolerance: 'pointer',
			cursorAt: {left: -10, top: -18}
	});

$('div[name="p2"]').droppable( {
		accept: 'img[name="p2"]',
		hoverClass: 'p2h',
		tolerance: 'pointer',
		drop: function(e,ui){
			ui.draggable.fadeOut();
			$(this).droppable( 'destroy' );
			$(this).fadeOut(500,function(){$(this).css({'background-image' : 'url(' + ui.draggable.attr('src') + ')', 'border' : 'solid 1px #ddd'}).fadeIn()});
		}
	});
</script>

Change History (2)

comment:1 Changed 7 years ago by Scott González

Resolution: invalid
Status: newclosed

This is unrelated to jQuery UI. IE is confused by the duplicate names and the selector isn't finding the div.

comment:2 Changed 7 years ago by flasht

First of all, HTML secs says that name does not have to be unique, and second thing is that when its:

<img class="p2i" name="p2" src="..." />
<img class="p2i" name="p2" src="..." />
<img class="p2i" name="p2" src="..." />
<img class="p2i" name="p2" src="..." />
<img class="p2i" name="p2" src="..." />

<div class="p2c" name="p2"></div>
<div class="p2c" name="p2"></div>
<div class="p2c" name="p2"></div>
<div class="p2c" name="p2"></div>
<div class="p2c" name="p2"></div>

All image events are being applied, and non of div events do. So it is NOT the problem of selecting things with same name.

Note: See TracTickets for help on using tickets.