大家好,请帮帮我,
我想将 Data-id 值传递给 Color Box Popup 所以我该怎么办..请帮助我
或者有没有其他方法可以做到这一点..
JS
<script type="text/javascript">
$(document).ready(function(){
//Examples of how to assign the Colorbox event to elements
$(".inline").colorbox({inline:true, width:"70%", height:"500px;"});
});
</script>
HTML 代码
<li><a class='inline' href="#inline_content" data-id="1">ABC</a></li>
<li><a class='inline' href="#inline_content" data-id="2">DEF</a></li>
<li><a class='inline' href="#inline_content" data-id="3">XYZ</a></li>
彩框弹窗
这是同一页面上的弹出窗口。
<div style='display:none'>
<div id='inline_content'>
Data-id = "" // Here I want to display data-id of clicked Post, Like if we click ABC Post than in Popup data-id is equal to 1, if click XYZ tha data-id equql to 3 in Popup
</div>
</div>
最佳答案
试试这段代码..
<div id='popupdiv'>
<div id='intent_content'>..
以上为 html..
$(document).ready(function(){
$('#popupdiv').hide();
$('.inline').click(function(){
var data_id = $(this).data('id');
$('#popupdiv').show();
$('#inline_content').html("Data-id ="+data_id);
});
});
并且您必须为包含 style="display:none";
的 div
提供一个 id,以便通过使用该 id 您可以将 css 更改为 block
或 else
关于javascript - 将值传递给同一页面上的颜色框,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/28831976/