我的链接按钮仅适用于灯箱的负载

时间:2014-01-08 05:20:03

标签: jquery asp.net html colorbox

我正在进行项目,我需要在div上打开弹出窗口onclick onclick =“window.scrollTo(0,0);”我把iframe作为链接,但我的问题是,当我点击图像时,一个灯箱打开,产品详细信息由js调用。数据加载.html函数。当第一次页面加载然后我点击div然后弹出窗口打开但是当我关闭产品细节灯箱然后我重新打开灯箱然后我点击div点击然后弹出窗口没有打开

function ssdd()
{
 //var myid=myid1;
  //$(document).ready(function() {       

 $('#cboxLoadedContent div').on('click','#learn',function()
    {

     $('#learn_more').AeroWindow({

                WindowTitle:          'Learn More',
                WindowPositionTop:    5,
                WindowPositionLeft:   'center',
                WindowWidth:          650,
                WindowHeight:         490,
                WindowAnimationSpeed: 1000,
                WindowAnimation:      'easeOutCubic',
                WindowResizable:      false,
                WindowDraggable:      true,
                WindowMinimize:       true,
                WindowMaximize:       false,
                WindowClosable:       true


          });
           });
        //var afd= sdp();
        return false;
   // });
 }

2 个答案:

答案 0 :(得分:4)

我发现解决方案是我们可以在弹出窗口关闭按钮上移除包含div id learn_more的iframe,然后在下面我们将if id learn_more与iframe附加在一起。我意味着在关闭时我们删除iframe div并同时创建iframe的div。像这样

BTNClose.click(function(){

    $(this).find(".AeroWindow").css('display', 'block'); 
     var sdx= $('#cboxLoadedContent div').find('div.AeroWindow ui-draggable active');
    $('#cboxLoadedContent div').find('div.AeroWindow').removeClass('.active ui-draggable');
    $('#learn_more').remove();
    $('#cboxLoadedContent div').find('div#learn').append("<div id='learn_more' style='display: none; width: 100%; height: 100%;'><iframe width='100%' height='100%' frameborder='0' scrolling='yes' marginheight='0' marginwidth='0' src='window_page-price_learn_more' align='bottom'></iframe></div>")

    $('.AeroWindow ui-draggable active').remove();



     WindowContent="";
     Window.css('display','none');


      return(false);          
    });

答案 1 :(得分:1)

$(document).ready(function () {
    ssdd();
});
var prm = Sys.WebForms.PageRequestManager.getInstance();
prm.add_endRequest(function () {
    ssdd();
});

在回发后再次检查,调用该功能结帐是否有效?