Javascript 按钮、jquery和modals

我试图更好地理解情态动词和js。我曾尝试使用与php文件相关的按钮，以便在单击按钮后，php文件的内容显示在模式窗口中

所以

按钮_1获取文件_1，单击后将其置于模式。
按钮_2获取文件_2，单击后将其置于模式。 等等

我已经完成了大部分工作，但是出于某种原因，每个按钮需要点击两次（对于模态窗口的第一次出现），模态才能工作。之后，只需简单的单击即可，直到页面刷新为止。此时，再次需要两次单击

如果我不尝试将php文件中的信息插入模式窗口，我的代码就可以正常工作。所以我猜这与按钮必须做两件事有关。1.获取信息和2。打开模式窗口

如何在一次单击中组合两者

我已尝试预处理文件

<link rel="prefetch" href="/folders/to/php/files/1.php">

.btn{
保证金：5px；
填充0px 5px；
文本对齐：居中；
背景色：#0095ff；
颜色：#FFF；
边界：无；
}
.btn:悬停，
.btn:焦点{
大纲：无！重要；
颜色：#FFF；
}
.主动{
背景色：#891；
}

情态动词
到文件1
归档2
归档3

下面是1.php文件的示例：

<div id="myModal_1" class="modal fade" role="dialog">
<div class="modal-dialog">

<!-- Modal content-->
<div class="modal-content">
  <div class="modal-header">
    <button type="button" class="close" data-dismiss="modal">&times;</button>
    <h4 class="modal-title">Look 1</h4>
  </div>
  <div class="modal-body">
    <?php

      echo "I have the 1.php <br>";
      echo "its a go!";

     ?>
  </div>
  <div class="modal-footer">
    <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
  </div>

---

在js文件的顶部有

$（“#liste>按钮”）。点击（'click'，apar）

尝试将其更改为：

$('body').on('click', '#liste > button', apar);

并将其放在
$（“#liste>按钮：first”）后面的代码末尾

如果这不能解决问题，请告诉我

编辑：尝试在HTML中为这些按钮创建新的自定义类。最好为自定义类（如l-custom-class或customClass）设置一个标记，请尝试遵循以下示例：

HTML:

这里是
在你的js文件的顶部有
$（“#liste>按钮”）。在（'click'，apar'）

尝试将其更改为：

$('body').on('click', '#liste > button', apar);

并将其放在
$（“#liste>按钮：first”）后面的代码末尾

如果这不能解决问题，请告诉我

编辑：尝试在HTML中为这些按钮创建新的自定义类。最好为自定义类（如l-custom-class或customClass）设置一个标记，请尝试遵循以下示例：

HTML:

这是
谢谢。我试过了，但更改后，我还是需要先双击。我想我误解了你的问题。所以你需要一个双击事件监听器才能让你的模式工作？函数也需要双击运行？它当前需要双击，但我希望它只需要单击一次。一旦我双击了所有按钮，一次单击就可以了，直到我刷新页面，然后我需要再次双击。我希望它是一个单一的点击，所有的时间。谢谢，谢谢。同样的结果。它可以工作，但首先需要双击。我想（猜测）如果有一种方法可以将这两行结合起来，那就行了，因为只有一次“点击”。然而，当我尝试这种方式时，链接（到php文件）没有正确通过。（始终是文件0.php）在css文件for.btn类中缺少双点填充选项。也许那会引起麻烦？谢谢。我试过了，但更改后，我还是需要先双击。我想我误解了你的问题。所以你需要一个双击事件监听器才能让你的模式工作？函数也需要双击运行？它当前需要双击，但我希望它只需要单击一次。一旦我双击了所有按钮，一次单击就可以了，直到我刷新页面，然后我需要再次双击。我希望它是一个单一的点击，所有的时间。谢谢，谢谢。同样的结果。它可以工作，但首先需要双击。我想（猜测）如果有一种方法可以将这两行结合起来，那就行了，因为只有一次“点击”。然而，当我尝试这种方式时，链接（到php文件）没有正确通过。（始终是文件0.php）在css文件for.btn类中缺少双点填充选项。也许那会引起麻烦？
<div id="#liste">
    <button type="button" class="l-liste-button">btn1</button>
    <button type="button" class="l-liste-button">btn2</button>
    <button type="button" class="l-liste-button">btn3</button>
</div>

function apar(){
  //some code for apar function..
}
function renderHTML(){
  //some code for renderHTML function
}

$('body').on('click', '.l-liste-button', apar);
$('body').on('click', '.l-liste-button:first', renderHTML);