Question

大家好，请帮帮我，

我想将Data-id值传递给Color Box Popup 所以sholud我必须做..请帮助我

还是有其他方法可以做同样的事情。

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 CODE

<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);
    });
   });

并且您必须为包含div的{{1}}提供ID，以便通过使用该ID，您可以将css更改为style="display:none";或block

将值传递到同一页面上的colorbox

1 个答案: