You may want to ask over here: http://groups.google.com/group/jquery-ui
- Richard
On Fri, May 22, 2009 at 9:37 AM, Mean Mike <mcgra...@gmail.com> wrote:
>
> Hello again,
>
> I have a connected sortable that I'd like to keep contained to the
> 'sortcontainer' but it seems to be acting erratically not sure what
> I"m doing wrong or if it is even possible ?
>
> thanks
> Mike
>
> my jquery is like so...
>
> $("#hottopic, #hidden").sortable({
> connectWith: ['.connectedSortable'],
> containment: 'sortcontainer'
> });
>
> and my html like so.....
>
> <div id="sortcontainer">
> <div class="transfer">
> <label for="hottopic">Hot Topics</label>
> <ul id="hottopic" class="connectedSortable">
>
> <li class="justify">
> <fieldset>
> <img src="img/remove.gif"
> alt="remove topic" class="remove" /
> >Homeland Security
> </fieldset>
> </li>
> <li class="justify">
> <fieldset>
> <img src="img/remove.gif"
> alt="remove topic" class="remove" /
> >Diversity
> </fieldset>
> </li>
>
> <li class="justify">
> <fieldset>
> <img src="img/remove.gif"
> alt="remove topic" class="remove" /
> >Service
> </fieldset>
> </li>
> <li class="justify">
> <fieldset>
> <img src="img/remove.gif"
> alt="remove topic" class="remove" /
> >Blue White and Green
> </fieldset>
> </li>
>
> <li class="justify">
> <fieldset>
> <img src="img/remove.gif"
> alt="remove topic" class="remove" /
> >Board of Trustees actions and reports
> </fieldset>
> </li>
> <li class="justify">
> <fieldset>
> <img src="img/remove.gif"
> alt="remove topic" class="remove" /
> >Alcohol awareness
> </fieldset>
> </li>
>
> <li class="justify">
> <fieldset>
> <img src="img/remove.gif"
> alt="remove topic" class="remove" /
> >Right to Know
> </fieldset>
> </li>
> <li class="justify">
> <fieldset>
> <img src="img/remove.gif"
> alt="remove topic" class="remove" /
> >Big Ten Network
> </fieldset>
> </li>
>
> <li class="justify">
> <fieldset>
> <img src="img/remove.gif"
> alt="remove topic" class="remove" /
> >Campus Safety
> </fieldset>
> </li>
> <li class="justify">
> <fieldset>
> <img src="img/remove.gif"
> alt="remove topic" class="remove" /
> >Budget and appropriation
> </fieldset>
> </li>
>
> <li class="justify">
> <fieldset>
> <img src="img/remove.gif"
> alt="remove topic" class="remove" /
> >Religion
> </fieldset>
> </li>
> </ul>
> </div>
> <div class="transfer">
> <label for="hidden">Hidden Topics</label>
>
> <ul id="hidden" class="connectedSortable">
> <li class="justify">
> <fieldset>
> <img src="img/remove.gif"
> alt="remove topic" class="remove" /
> >impactcounterterrorism
> </fieldset>
> </li>
> <li class="justify">
> <fieldset>
> <img src="img/remove.gif"
> alt="remove topic" class="remove" /
> >impactcybersecurity
> </fieldset>
>
> </li>
> <li class="justify">
> <fieldset>
> <img src="img/remove.gif"
> alt="remove topic" class="remove" /
> >impactcounterterrorism
> </fieldset>
> </li>
> <li class="justify">
> <fieldset>
> <img src="img/remove.gif"
> alt="remove topic" class="remove" /
> >opptrees
> </fieldset>
>
> </li>
> <li class="justify">
> <fieldset>
> <img src="img/remove.gif"
> alt="remove topic" class="remove" /
> >impactmicromedical
> </fieldset>
> </li>
> <li class="justify">
> <fieldset>
> <img src="img/remove.gif"
> alt="remove topic" class="remove" /
> >elmyellows
> </fieldset>
>
> </li>
> <li class="justify">
> <fieldset>
> <img src="img/remove.gif"
> alt="remove topic" class="remove" /
> >elmyellowsvideo
> </fieldset>
> </li>
> <li class="justify">
> <fieldset>
> <img src="img/remove.gif"
> alt="remove topic" class="remove" /
> >Student Affairs
> </fieldset>
>
> </li>
> <li class="justify">
> <fieldset>
> <img src="img/remove.gif"
> alt="remove topic" class="remove" /
> >impactenergyadvancements
> </fieldset>
> </li>
> </ul>
> </div>
> </div>
>
