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>
