Dropdown-check-list does not work when used in dynamically loaded tab

[GoogleCodeExporter]

** What steps will reproduce the problem?
1) Use a jquery, which will be loaded with Ajax
2) Use dropdown-check-list on second tab
3) from first tab or from anywhere else, load the second tab with code, like 
someThing.tabs("load", 1);
4) Make sure that you have binding code in tabs load event
5) Go to second tab, you can see that dropdown-check-list replacing the 
original "select" box
6) Click on the dropdown-check-list.
** What is the expected output? What do you see instead?
7) Expected - It should show list of checkboxes
8) Actual - The 'click' event seems to be not working.

I think that while binding is happening the "select" box must be visible.

** What is your environment?
-- DropDownCheckList version: 1.3
-- jQuery version: 1.5.1
-- jQuery UI version: 1.8.11
-- Browser and version: Firefox 4.0.1

** Please provide any additional information below/Please attach sample
html

Original issue reported on code.google.com by bhosale....@gmail.com on 20 Jun 2011 at 12:18

• Merged into: #153

[GoogleCodeExporter]

I think the solution provided for similar issue {Why does my slider, Google 
Map, sIFR etc. not work when placed in a hidden (inactive) tab?} on 
http://jqueryui.com/demos/tabs/ should solve this problem.

Original comment by bhosale....@gmail.com on 21 Jun 2011 at 5:56

[GoogleCodeExporter]

This is a known limitation, as covered by #153, and mentioned in the 
Limitations section on the home page of the project.  Also look at the TEST 
page, where there is a sample of DDCL both in a jQuery accordion and popup 
dialog, as well as working with a hidden parent.

Original comment by womohun...@ittrium.com on 22 Jun 2011 at 7:52

• Changed state: Duplicate

[GoogleCodeExporter]

Problem solve if you load the Dropdown-check-list first, then only load the 
dynamic tabs. Just change the sequence

Original comment by bpc...@gmail.com on 30 May 2014 at 5:02