js中Floatbox外掛程式在ajax回調中應用例子

代碼如下

複製代碼

<script type="text/javascript"> function open_adjacent(sDiv,BoxLeft,BoxTop){ if($('#dialogAdjacent').html()==null){    $.ajax({     type:    "GET",     url:     wgScript + "/Special:TermWiki_Ajax",         dataType:"json",           data:{action:"getAdjacent",ns:wgCanonicalNamespace,pname:encodeURIComponent(wgTitle)},     success: function(html){             if(html){                 var aTerms=html;                 var sHtml="";                 sHtml += '<div class="TermLinks" id="dialogAdjacent" ><table>';                 for(var i=0,j=aTerms.length;i<j;i++){                     if(wgTitle ==aTerms[i]){                         sHtml += '<tr><td style="padding: 2px 0em 0pt 1em; font-size: 12px"><strong class="selflink">'+aTerms[i]+'</strong></td></tr>';                     }else{                         sHtml += '<tr><td style="padding: 2px 0em 0pt 1em; font-size: 12px"><a href="/'+wgCanonicalNamespace+':'+encodeURIComponent(aTerms[i])+'" title="'+aTerms[i] +'">'+aTerms[i]+'</a></td></tr>';                    }                 }                 sHtml += '</table></div>';                 $('#termAdjacent').append(sHtml);             }             fb.start({ href:sDiv, rev:'width:150 height:170 padding:18 panelPadding:5  overlayOpacity:0 shadowType:drop shadowSize:12 scrolling:true enableDragMove:true boxLeft:'+BoxLeft+' boxTop:'+BoxTop});               }     }); }else{       fb.start({ href:sDiv, rev:'width:150 height:170 padding:18 panelPadding:5  overlayOpacity:0 shadowType:drop shadowSize:12 scrolling:true enableDragMove:true boxLeft:'+BoxLeft+' boxTop:'+BoxTop});   } } </script>