Copy code

Permalink

Please tell us why you want to mark the subject as inappropriate. (Maximum 200 characters)

Private Message

From : guest

To :

Subject :

Content :

Type the characters you see in the picture below.

From : guest

To :

Subject :

Content :

Type the characters you see in the picture below.

Feedback

Email ID

Subject :

Comments :

Private Message

Type the characters you see in the picture below.

Attach files

Desktop Google Docs

Each Attachment size should not exceed 1.0 MB. Max no of attachments : 3

Loading User Profile...

guest

Response title

This is preview!

Attachments

()

New to this Portal? Click here to Sign up

You can also use the below options to login

jQuery
Plugins
UI
Meetups
Forum
Blog
About
Donate

All Forums
Recent Posts
Log In

Search jQuery

jQuery Forum

Move this topic

Forum :

Sub forum :

Using jQuery UI

AlGa

using sortable, dragable, resizable in multy levels

in Using jQuery UI • 3 years ago

hi,

[my first post btw..:) ]

My html looks like this

</div>

my js code is like this

$('#mainContainer').sortable().draggable().resizable();
$('.tab').draggable().resizable();

What i actualy want to do?

1. all divs should be draggable and resizable

2. divs with class .tab should be sortable aslo

Seems like straight forward thing but i just cant manage to make everithing work together

if i make mainContainer sortable i cannot resize it and vice versa....

Help please!?

Replies(3)

jakecigar

Re: using sortable, dragable, resizable in multy levels

3 years ago

Something like…

<!DOCTYPE html>
<html>
<head>
<link href="https://code.jquery.com/ui/1.12.1/themes/smoothness/jquery-ui.css" rel="stylesheet" />
<script src="https://code.jquery.com/jquery-3.1.0.js"></script>
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
<script>
$(function(){
$('#mainContainer').sortable()
$('.tab').resizable();
})
</script>
<style>
.tab
{
border: 1px solid red;
width: 400px;
}
</style>
</head>
<body>
<div id="mainContainer">
<div class="tab">tabl 1</div>
<div class="tab">tabl 2</div>
<div class="tab">tabl 3</div>
</div>
</body>
</html>

JΛ̊KE

Re: using sortable, dragable, resizable in multy levels

3 years ago

yes but mainContainer should alsow be "draggable" and resizable :D

Re: using sortable, dragable, resizable in multy levels

3 years ago

And you will find it won’t work well with so many jQuery UI methods on the same elements.

JΛ̊KE

Statistics

3 Replies
1883 Views
1 Followers

Actions

Permalink

r1543 - in trunk/tests/unit: dragg...
r1787 - in trunk/tests/static: . d...
Using draggable(), resizable() and ...

Response title

Attachments

jQuery Forum

using sortable, dragable, resizable in multy levels

Replies(3)

Re: using sortable, dragable, resizable in multy levels

Re: using sortable, dragable, resizable in multy levels

Re: using sortable, dragable, resizable in multy levels

Statistics

Tags

Actions

Related Posts