Response title
This is preview!
- Screen name: kainar
kainar's Profile
1 Posts
1 Responses
0
Followers
Activity Trend
Last 30 days
- Last 30 days
- Date Interval
From Date : To Date :
Loading Chart...
Show:
- Expanded view
- List view
Private Message
- 09-Mar-2012 05:26 AM
- Forum: Using jQuery UI
I want to cover some elements on the Page to prevent their drop events for some time.But the drop events are also fired on elements which are covered by other Elements. Click events on the other hand won't fire.Can someone explain this?The cover element is set absolute and covers the drop element.See sample Code below- $('#drop').droppable({drop: function( event, ui ) {$( this ).html('drop');}})
- .click(function(){$(this).html('click');});
- $('#cover').droppable({ drop: function( event, ui ) {
- $( this ).html('drop'));
- event.stopPropagation();
- }
- });
- $('#drag').draggable();
- <div id="content">
- <div id="drop" style="margin:30px; width:200; height:200; background-color:blue;"></div>
- <div id="cover" style="width:360px; height:200px; position:absolute; background- color:#898989; opacity:0.5; top:0"></div>
- <div>
- <div id="drag" style="margin:30px; width:100; height:100; background-color:green;">drag</div>
- </div>
- </div>
- «Prev
- Next »
Moderate user : kainar
