弹出效果

时间:2012-08-24 07:26:18

标签: javascript jquery html css

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并与其他所有链接相同,然后单击它,页面会将我引导至{{1 }}。当然没有显示弹出窗口。

0 个答案:

没有答案