[jQuery] how could jmp3 work in a thickbox window? onready problem?

[asterocean]

jmp3 & thickbox are both great plugins that using jquery,

 

then, how could jmp3 work in a thickbox window?

jmp3 works fine alone, it seems that

 

$(document).ready(function(){
 $(".mp3").jmp3();

});

 

 not work when loaded by thickbox

 

then which event should it been binded? any sugestion would be grateful.

 

another question , how could thickbox work when loaded in a thickbox window? that's thickbox over thickbox, :-)

 

i'm using jquery with http://ztooo.com/default/zt/default.htm , maybe you'll see what i mean.

 

i'm using slighter thicker box, and have patched a few flaws in it.

such as animated gif problem, tiny picture problem, selects disapear when thickbox closed

maybe someone will like it, see diff

 

19d18
<               TB_VisibleSelects = $("select:visible");
100c99
<               $("body").append("<div id='TB_load'><div id='TB_loadContent'><img src='' /></div></div>");
---
>               $("body").append("<div id='TB_load'><div id='TB_loadContent'><img src='' /></div></div>");
110d108
<                                       imgPreloader.>117,122d114
<                                       var GifOnLoad;
<                                       if (urlType == '.gif') {
<                                               GifOnLoad = "'";
<                                       } else {
<                                               GifOnLoad = "' ";
<                                       }
142,145c134,135
<                                       if (TB_WIDTH < 260) { TB_WIDTH = 260; }
<                                       TB_HEIGHT = imageHeight + 100;
<                                       if (TB_HEIGHT < 180) { TB_HEIGHT = 180; }
<                                       $("#TB_window").append(TB_PrevHTML + TB_NextHTML + "<div id='TB_closeWindow'><a id='TB_closeWindowButton'>close</a></div>" + "<div id='TB_ImageDIV' align='center' valign='middle'><a id='TB_ImageOff' title='Close'><img border=0 id='TB_Image' src='' width='"+imageWidth+"' height='"+imageHeight+"' alt='"+caption+GifOnLoad+"/></a></div><div align='left' id='TB_caption'>"+caption+"</div>");
---
>                                       TB_HEIGHT = imageHeight + 80;
>                                       $("#TB_window").append("<div id='TB_caption'>"+caption+"</div><div id='TB_closeWindow'><a href='' id='TB_closeWindowButton'>close</a></div><div id='TB_SecondLine'>" + TB_PrevHTML + TB_NextHTML + "</div><div id='TB_ImageDIV'><a href='' id='TB_ImageOff' title='Close'><img id='TB_Image' src='' width='"+imageWidth+"' height='"+imageHeight+"' alt='"+caption+"' /></a></div>");
164d153
<                               if (urlType == '.gif') { TB_ShowBox(); }
175c164
<                               $("#TB_window").append("<div id='TB_caption'>"+caption+"</div><div id='TB_closeWindow'><a id='TB_closeWindowButton'>close</a></div><div id='TB_SecondLine'>" + TB_PrevHTML + TB_NextHTML + "</div><div id='TB_ImageDIV' style='width:"+ajaxContentW+"px;height:"+ajaxContentH+"px;'><a href='' id='TB_ImageOff' title='Close'><embed id='TB_Movie' src='' autostart='true'></embed></div>");
---
>                               $("#TB_window").append("<div id='TB_caption'>"+caption+"</div><div id='TB_closeWindow'><a href='' id='TB_closeWindowButton'>close</a></div><div id='TB_SecondLine'>" + TB_PrevHTML + TB_NextHTML + "</div><div id='TB_ImageDIV' style='width:"+ajaxContentW+"px;height:"+ajaxContentH+"px;'><a href='' id='TB_ImageOff' title='Close'><embed id='TB_Movie' src='' autostart='true'></embed></div>");
201c190
<                               $("#TB_window").append("<div align='left' id='TB_caption'>"+caption+"</div><div id='TB_closeAjaxWindow'><a id='TB_closeWindowButton'>close</a></div><div id='TB_SecondLine'>" + TB_PrevHTML + TB_NextHTML + "</div><div id='TB_ajaxContent' style='width:"+ajaxContentW+"px;height:"+ajaxContentH+"px;'></div>");
---
>                               $("#TB_window").append("<div id='TB_closeAjaxWindow'><a href='' id='TB_closeWindowButton'>close</a></div><div id='TB_SecondLine'>" + TB_PrevHTML + TB_NextHTML + "</div><div id='TB_ajaxContent' style='width:"+ajaxContentW+"px;height:"+ajaxContentH+"px;'></div>");
228c217,218
<       TB_VisibleSelects.hide();
---
>       TB_VisibleSelects = $("select:visible");
>       TB_VisibleSelects.toggle();
307c297
<                       TB_VisibleSelects.show();
---
>                       TB_VisibleSelects.toggle();
315c305
<               // TB_VisibleSelects.toggle();
---
>               TB_VisibleSelects.toggle();
322d311
<
380c369
< }
---
> }
 

 

thanks a lot

 

 

 

_______________________________________________
jQuery mailing list
discuss@jquery.com
http://jquery.com/discuss/