Hidden elements initialize wrong

[GoogleCodeExporter]

** What steps will reproduce the problem?
Create a form with a tab interface (mine is from the .NET AJAX Control Toolkit)
Place a multiselect on two different tabs.
Initialize the multiselects using .dropdownchecklist()

** What is the expected output? What do you see instead?
Only the multiselects on the initially visible tab work.  When I click to 
another tab and click a multiselect the check list does not appear.  The same 
goes for any hidden multiselect elements, so in order to make them work I must 
initialize each one after it becomes visible.

** What is your environment?
-- DropDownCheckList version: 1.4
-- jQuery version: 1.6.1
-- jQuery UI version: 1.8.13
-- Browser and version: Firefox 3.6.12, IE7

** Please provide any additional information below/Please attach sample html
My current work around is that on page load I step through each tab and call 
.dropdownchecklist() on each multiselect element.  Since each select is 
initialized while it's visible, I'm then able to move between tabs without 
issue.

Original issue reported on code.google.com by v...@vimm.net on 25 Aug 2011 at 11:43

• Merged into: #153

[GoogleCodeExporter]

This is a known issue with the current implementation.

Original comment by womohun...@ittrium.com on 26 Aug 2011 at 2:11

• Changed state: Duplicate