HTML 模态框不弹出

Question

我正在使用 PHP 构建一个应用程序，其逻辑如下：

• 打开两个文件。

• 一个文件值来显示菜单，回显到浏览器中。

• 如果我们单击任何菜单，需要打开一个包含第二个文件的值的模式。

我只是用 while 循环进行迭代。问题是...第一个文件中的菜单正在回显。但是，该模式仅适用于最后一个菜单。

当我检查时，会创建菜单和模式。 https://postimg.cc/crQ8JCr5 - 检查屏幕截图

$myfile1 = fopen("fisrt-file.dat", "r") or die("Unable to open file!");

$myfile2 = fopen("Second-file.dat", "r") or die("Unable to open file!");

while(!feof($myfile1)) {

    $fistFile = fgets($myfile1);

    $seconfFile = fgets($myfile2);

                      

    echo "<div class='one-by-three1'><div class='course-card1' data-toggle='modal' data-target='#".$seconfFile."'><p class='e-c-head'>".$fistFile."</p></div></div>";

                        

    echo "<div class='modal fade' id='".$seconfFile."' tabindex='-1' role='dialog' aria-labelledby='exampleModalCenterTitle' aria-hidden='true'>

        <div class='modal-dialog modal-dialog-centered' role='document'>

            <div class='modal-content'>

                <div class='modal-header'>

                    <h5 class='modal-title' id='exampleModalLongTitle'>".$fistFile."</h5>

                    <button type='button' class='close' data-dismiss='modal' aria-label='Close'>

                        <span aria-hidden='true'>&times;</span>

                    </button>

                </div>

                <div class='modal-body'>

                              <p>Second file element</p>

                </div>

                <div class='modal-footer'>

                    <button type='button' class='btn btn-secondary' data-dismiss='modal'>Close</button>

                </div>

            </div>

        </div>

    </div>";

    }

fclose($myfile1);

fclose($myfile2);

我使用引导模态。菜单将数据目标作为第二个文件值传递。

Answer 1

我看到您已更改为使用手风琴，但正要告诉您它不起作用的原因，所以我会继续，以防它对其他人有帮助。原因是 fgets 读取包含换行符的行。因此，分配给模态的 ID 包含换行符，但最后一行除外，文件中没有换行符，因此它可以工作。为了使它工作，只需像这样 rtrim 线：$fistFile&nbsp;=&nbsp;rtrim(fgets($myfile1)); $seconfFile&nbsp;=&nbsp;rtrim(fgets($myfile2));