Hi, I have a very big problem using your great plugin with the ui.tabs
plugin.
If the element (a link) passed to the ocupload is in a tab not
currently visible, then when I show that tab, the link initialized by
you plugin is invisible; with Firebug I see that the div that wrap the
link has height: 0 in the style attribute, 'cause the <a> element
itself, when the container tab was hidden, has that zero height.
To explain better here a test case:
<script type="text/javascript">
$(document).ready(function() {
$("#subtab-upload").tabs();
$("#uploadLink1").upload({
action: '/UploadHandler.ashx',
onSubmit: function() {
$('#uploadlog').text('Uploading file...');
},
onComplete: function(data) {
$("#uploadlog").text(data);
}
});
$("#uploadLink2").upload({
action: '/UploadHandler.ashx',
onSubmit: function() {
$('#uploadlog').text('Uploading file...');
},
onComplete: function(data) {
$("#uploadlog").text(data);
}
});
});
</script>
<div id="subtab-upload">
<ul>
<li><a href="#sub1"><span>Test 1</span></a></li>
<li><a href="#sub2"><span>Test 2</span></a></li>
</ul>
</div>
<div id="sub1">
<div id="div1">
<h3>This is the first tab!</h3>
<label>Click to upload:</label>
<a id="uploadLink1" href="#" class="upload-link" href="#">Upload...</
a>
</div>
</div>
<div id="sub2">
<div id="div2">
<h3>This is Tab 2</h3>
<label>Click to upload:</label>
<a id="uploadLink2" href="#" class="upload-link" href="#">Upload...</
a>
</div>
</div>
<span id="uploadlog"></span>
In this test case, you'll see that the link in the first visible tab
work correctly, but when I activate the 2nd tab, the link within is
not visible!!!
Note: I use the latest stable version of ui.tabs (v1.5.2); the problem
occurs both in Firefox 3.x and IE7.
Best regards, hope to have news soon (I need your plugin for a
production-ready project...).
MarcelloP
