2012-07-11 63 views
0

好吧,我已经使用的fancybox已经取得了一些成功,但我想知道如果我能传为HREF值?我已经有点把笨重的解决方案一起,但框告诉我“请求的内容不能被加载。 请稍后再试。” 创建一个单独的函数来触发推出的fancybox的我所做的....设置HREF目标动态地的fancybox?

首先,这里的IFRAME /的fancybox元素(如一个小按钮,用户无法看到)的HTML:

这里是我的代码:

<a id="link2" href="ContentPage.aspx"><input id="Btn1" type="button" value="GetContent" class="smallBtnCls" /></a> 

..和JavaScript的:

function launchCont(rid){ 
     var lnk = 'ContentPage.aspx ?act=Add&id=' + rid; 
     $('#link2').attr('href',lnk); 

     //alert($('#link2').attr('href')); 
     $("#Btn1").fancybox().trigger('click'); 
    } 

和花哨的箱的配置是:

$("#Btn1").click(function() { 
    $("#link2").fancybox({ 
     'width': '55%', 
     'height': '45%', 
     'autoScale': false, 
     'modal': true, 
     'transitionIn': 'elastic', 
     'transitionOut': 'elastic', 
     'type': 'iframe', 
     onStart: function() { 
      //return window.confirm('Continue?'); 
      $.fancybox.showActivity(); 
     }, 
     onCancel: function() { 
      //alert('Canceled!'); 
     }, 
     onComplete: function() { 
      //alert('Completed!'); 
      $.fancybox.hideActivity(); 
     }, 
     onCleanup: function() { 
      //return window.confirm('Close?'); 
     }, 
     onClosed: function() { 
      //alert('Closed!'); 
     } 
    }); 


}); 

任何想法????或者我以错误的方式看待它?

+0

我知道你接受了答案,但我仍然不知道 - 1:为什么你应该有一个'锚内button'; 2:你如何调用函数'launchCont()'(并传递参数'rid')? – JFK 2012-07-12 02:32:52

+0

不知道为什么我在那里有按钮。我想我从一个工作示例中复制。如果我再次找到链接,我会在这里发布。我从一个“的OnClientClick”事件启动从服务器端的LinkBut​​ton(我从数据库中传递价值,以摆脱这种方式) – Andrew 2012-07-13 01:15:36

回答

0

除去第一fancybox()方法和多余的空格:

function launchCont(rid){ 
    var lnk = 'ContentPage.aspx?act=Add&id=' + rid; 
    $('#link2').attr('href',lnk); 
    $("#Btn1").trigger('click'); 
} 
+0

那么既然我绑定“的的fancybox的元素,触发该元素的事件应该启动的fancybox ? (对不起,我有那些额外的空间,是在另一个论坛上剪切和粘贴我的帖子的结果) – Andrew 2012-07-11 23:27:36

+0

@Andrew好吗,是的,它启动了fancybox。 – undefined 2012-07-11 23:34:18

+0

忽略了先前的评论我删除,我错过了在JavaScript的东西,谢谢! – Andrew 2012-07-12 02:04:13