隐藏的 div 在使用模态框的 for 循环中无法正常工作

Question

我有一个 mysql select，它会在我在 for 循环中设置的

中吐出所有结果。这很好用。但是，我希望在每个结果的底部有一个“单击更多”类型的链接，单击时会在模式框中打开。我也让这个工作得很好。然而，不起作用的是模式框中显示的数据。它正确显示数据，但无论您单击哪个结果，它都来自第一个结果。我以为我的 for 循环设置不正确，但是当我更改模态框内容所在的 div 的 id 时它会起作用（但模态框显然不起作用）。

是否有某种原因隐藏 div 会扰乱 for 循环直至显示哪一行？

的 for 循环，

        for($i=0; $i<$num_results; $i++)
        {
            $row = mysql_fetch_array($result);

        ?>
        <div id='basic-modal'>
            <ul style="background-color:#F5F5F5; padding:2px;">
                <li class="program" style="font-size:18px;"><strong><?php echo trim ($row["program"]); ?></strong></li>
                <li><strong>Sponsored by:</strong> <i><?php echo trim ($row["organization"]); ?></i></li>            
                <li><strong>Discipline:</strong> <?php echo trim ($row["discipline"]); ?></li>            
                <li><strong>Mission:</strong> <?php echo trim ($row["mission"]); ?></li>            
                <li><strong>Description:</strong> <?php echo trim ($row["content"]); ?></li>            
                <li><strong>Grade(s):</strong> <?php echo trim ($row["grade"]); ?></li>
                <li><strong>Cost:</strong> <?php echo trim ($row["cost"]); ?></li>
                <li>&nbsp;</li> 
                <li><a href="#" class="basic more">Contact Info</a></li>   


            </ul>
            <br />
            <br />
        </div>

        <!-- pop up contact info -->
        <div id="basic-modal-content">
            <ul style="font-size:12px">
                <li class="program" style="font-size:18px;"><strong><?php echo trim ($row["program"]); ?></strong></li>
                <li><strong>Sponsored by:</strong> <i><?php echo trim ($row["organization"]); ?></i></li>            
                <li><strong>Contact Person:</strong> <?php echo trim ($row["contact"]); ?></li>            
                <li><strong>Contact Email:</strong> <a href="mailto:<?php echo trim ($row["email"]); ?>"><?php echo trim ($row["email"]); ?></a></li>            
                <li><strong>Contact Phone:</strong> <?php echo trim ($row["phone"]); ?></li>            
                <li><strong>Contact Hours:</strong> <?php echo trim ($row["contactHours"]); ?></li>            
            </ul>
        </div>

        <!-- preload the images -->
        <div style='display:none'>
            <img src='images/x.png' alt='' />
        </div>            

        <?php
        }
        ?>

下面是我使用 Eric Martin 的 SimpleModal 如果这有什么不同的话。 感谢您的帮助。

Answer 1

你的每个div都有相同的id，这是错误的