【问题标题】:my link button working only on load of lightbox我的链接按钮仅在加载灯箱时工作
【发布时间】:2014-01-10 11:37:48
【问题描述】:

我正在做一个项目,我需要在 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;
   // });
 }

【问题讨论】:

  • 你到底在哪里得到错误??你试过调试代码吗??

标签: jquery asp.net html colorbox


【解决方案1】:

我发现解决方案是我们可以在弹出窗口关闭按钮上删除包含 div id learn_more 的 iframe,然后在其下方附加 div 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);          
    });

【讨论】:

    【解决方案2】:
    $(document).ready(function () {
        ssdd();
    });
    var prm = Sys.WebForms.PageRequestManager.getInstance();
    prm.add_endRequest(function () {
        ssdd();
    });
    

    在回发后再次调用该函数检查是否有效?

    【讨论】:

    • 仍然是同样的问题,只有在第一次页面加载后才能工作@ankit...bhai
    • 放上aerowindow函数并调用这个
    • 我已经把完整的 aerowindo.js 和 easing1.3.js..in product.js
    猜你喜欢
    • 1970-01-01
    • 2014-07-11
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多