如何将动态变量传递给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'});
});
答案 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'];
希望它有所帮助。至少一点点:))