javascript - 将值传递给同一页面上的颜色框

Question

大家好，请帮帮我，

我想将 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>

Answer 1

试试这段代码..

<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