将值传递给同一页面上的颜色框答案

【问题标题】：Pass value to colorbox on same page将值传递给同一页面上的颜色框
【发布时间】：2015-03-03 12:36:41
【问题描述】：

大家好，请帮帮我，

我想将 Data-id 值传递给 Color Box Popup 那我该怎么办..请帮帮我

或者有没有其他方法可以做到这一点..

<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>

【问题讨论】：

试试这个href = "#intent_content?d=<?php echo $id;?>"
它不会工作，我以前用过它...:(
按原样，您应该有 500 错误。
另外，您正在使用已弃用的 mysql_* 函数并且对 mysql 注入开放。请添加有关所需行为和当前行为的详细信息（javascript 错误、服务器错误...）
也许你想要这样的东西？ <div id="inline_content" data-galid="<?php echo $gal_id ?>"> 然后使用$('#inline_content').data('galid') ?

标签： javascript php jquery mysql ajax

【解决方案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

【讨论】：

感谢..！享受脚本
它只显示数据id，其他内容不可见，即#inline_content div。或者你能告诉我在任何 php 变量中是否有 t0 pass data-id 值，即$galid
我说过你需要在 #intent_content div 的父 div 中允许一些 id 像这样 <div id='popupdiv'> 而不是 <div style='display:none'> 你可以简单地使用 jquery 隐藏它查看我编辑的答案
您希望在页面中应用此值的位置
那你在那边拿一个