var popup;
jQuery(document).ready(function(){
jQuery(window).bind('load',windowLoadComplete);
});
function windowLoadComplete() {
var settings = new Object();
popup = new SSKpopup(settings);
popup.createPopup();
jQuery('a').each(function(n){
if(jQuery(this).attr('href').indexOf("popup@")>-1) {
jQuery(jQuery(this).attr('href').split("popup@")[1]).hide();
jQuery(this).click(function(e) {
e.preventDefault();
popup.loadContent(jQuery(jQuery(this).attr('href').split("popup@")[1]));
});
}
});
}
http://jqueryui.com/demos/tabs/のような写真や情報を含むポップアップを作成するコードがあり、html コードでは次のようにポップアップを作成します。
<a class="popup" href="/main/popup@#hulk">Key Speakers</a>
<br>
Chairman
</p>
<div id="hulk" style="width: 450px; display: none;">
<img class="popup_img" border="0" alt="" src="/main/images/speaker.jpg">
<p>Content descriping the speakers</p
</div>
href で firebug を使用すると、通常の場所とは異なるアドレスが表示さindex.php/main/popup@$hulk
れ、他のすべてのリンクと同じになるように挿入してクリックすると、ページが に移動しますlocalhost/xampp/
。もちろん、ポップアップは表示されませんでした。