jQuery Forum

I just wanted to know if there is any way i can use the Effects JQueryUI provides like Bounce,Blind,Slide etc to be used in conjunction with JQueryUI tabs Fx options. if yes how do i do it? Someone provide me with working code or a template

Quickly explaining the situation, here is what is happening,

1. <div class="ui-widget">
2.  <div class='ui-widget-header'>Heading</div>
3.  <span>Description</span>
4. </div>
   

code 1.structure of existing code

for the code1, in document ready handle i write mouseover,mouseout events and effects. Great it works :D.
I also provide a button to  create a similar widget to be added to the body. Now this also works , But the mouseover and other effects don't. How can i bind these events without writing whole bunch of code again.

Hi fellow Jquery lovers,just bumped to a silly question and came to forums  to get it answered .
Here is a brief overview of what is going on,
I have a page with 2 divs.Assume div1 as id="Toolbox". and div2 as id="Canvas".
Now people will drag the images inside Toolbox (which is also wrapped by a Div that is Draggable) and drop it to the Canvas and again can drag the images and align them.
Here is a excerpt of the code

1. $('#toolbox div').draggable({helper:'clone'});

Now i am able to drag the item to the canvas but , I also want another instance of the Dragged Item in the ToolBox always available. How can i carry on with this?

Note:
By making #canvas as droppable i was able to achieve retaining the position, but the Dropped Item inside Canvas was not draggable anymore

Hi , i have implemented a Draggable interface similar to igoogle. Now the structure of each draggable is linked via the sortable and connectwith options if JQueryUI. Now don't direct me to JQueryUI forums because i have used JQueryUI. The question is pertaining to JQuery  :D
Structure:
<div class="column">
<div class="ui-widget">
</div>
</div>

there are six  of such divs, Now i know how to get the children of a column like below

1. $.each($('.column'),
   function(i,val){
   alert($(this).children().length)
   })

just loop through to get the child's Header and then save the position. But how do i find Which div column the child div widget lies in.
Also do you have any ideas how i can persist the position of the widgets after they are dragged. Don't give any links. Please explain how it could be done