jquery - fancybox 内联唯一 ID答案

【问题标题】：jquery - fancybox inline unique idjquery - fancybox 内联唯一 ID
【发布时间】：2014-01-31 06:18:17
【问题描述】：

你好！

我有 php 加载和 XML 文件。然后，一旦加载了 XML 文件，它就会在页面上显示来自 XML 的图像。

我正在使用 foreach 函数（显然）。加载的每个图像下方都有一个名为“编辑”的按钮。

我的问题是fancyBox。当有人点击图像下方的“编辑”按钮时，我需要 fancyBox Inline 是唯一的。现在它只是加载它看到的第一个 ID。

总体而言：
我需要fancyBox Inline 为循环提供唯一 ID。

我希望我解释这一点是有道理的。

这是我的代码

<? 
$xml = simplexml_load_file('myPhotos.xml');


if( isset($xml->image) ) 
    {

        foreach ($xml->children() as $child)
            {   

                echo '  
                    <div class="col-xs-4">

                    <span class="img">
                    <img src="' . $child['src'] . '" alt="gallery image" />
                    </span>

                    <div style="margin-left:20px; margin-top:210px;">
                    <span style=""><a class="btn btn-info editText" href="#Inline">Edit</a></span>
                    </div>

                    </div>





                     <div id="Inline" style="display:none;width:500px;">
                        <p>
                        <img src="' . $child['src'] . '" alt="gallery image" />
                        </p>
                    </div>  '; 

            }

         }


        else {

       }


?>

谢谢！

我希望有人可以帮助我。我似乎无法让它工作。

蒂姆

【问题讨论】：

标签： php jquery fancybox unique inline

【解决方案1】：

试试

foreach ($xml->children() as $key => $child)

然后

<div id="Inline$key" style="display:none;width:500px;">

或

<div id="Inline'.$key.'" style="display:none;width:500px;">

和

<a class="btn btn-info editText" href="#Inline$key">Edit...

或

<a class="btn btn-info editText" href="#Inline'.$key.'">Edit...

【讨论】：

【解决方案2】：

@JFK 谢谢，我在发布这个问题后马上就开始工作了（当然）哈哈

我在循环之前使用它：

$i = 1;

然后在我的循环结束之前，我正在使用：

$i ++;

然后我像这样分配我的 id：

id="'.$i.'"

【讨论】：