如何将变量传递给ColourBox内联弹出窗口?

时间:2012-02-07 08:12:31

标签: php javascript jquery colorbox

如何将动态变量传递给ColorBox inline弹出并从弹出窗口中的PHP代码访问它?

HTML

<a class="inline" href="#popup">Open Popup</a>

<div style="display: none">
<div class="popup">Pop up contents</div>
</div>

的JavaScript

$(document).ready(function(){
    $(".inline").colorbox({inline:true, transition:'none',speed:'10', close:'close', opacity:'0.6'});
});

1 个答案:

答案 0 :(得分:0)

如果我理解正确,你想要的是传递<div class="popup">内的内容。对?我认为,首先应该做的一件事就是将<div class="popup">改为<div id="popup">,因为在标签中你引用了一个id(#popup)。

然后,在jquery代码中,你应该按照以下方式访问colorbox中div的内容(至少我是这样做的):

<强> JAVASCRIPT

$(document).ready(function(){
    $(".inline").colorbox({inline:true, href:function(){ return $(this).attr('href'); }, transition:'none',speed:'10', close:'close', opacity:'0.6'});
});

$(this).attr('href')应返回#popup,结果在colorbox中显示弹出窗口的内容。

对于第二部分,要访问PHP中的一些内容,我在我的网站上拥有的是,当用户单击链接时,Jquery会获取单击元素的Id,并填充<input type="hidden">我在<form>里面。这样:

<强> JAVASCRIPT

$.colorbox({ "SOME-OPTIONS", onComplete:function(){ $('input[name=web]').val($(this).attr('id'));}
});

这样,一旦加载了colorbox(onComplete),我的FORM(<input type="hidden" id="web" name="web" value="">)中的隐藏输入就会在提交表单后获取我想要在PHP中访问的值。这样:

<强> PHP

$pageRefresh = $_POST['web'];

希望它有所帮助。至少一点点:))