0
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/。もちろん、ポップアップは表示されませんでした。

4

0 に答える 0