javascript - Bootstrap 模式不适用于实时服务器

Question

触发按钮:

while ($row = mysqli_fetch_array($result)) {
        $name = $row['name'];
        $id = $row['id'];
        echo '<a data-target="#exampleModal" class="wpmui-field-input button wpmui-submit button-primary" data-toggle="modal" data-whatever="'.$name.'">Details</a>';
        echo $id . "<br>";
    }  

模态:

echo'
<div class="modal fade" id="exampleModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel">
  <div class="modal-dialog" role="document">
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
        <h4 class="modal-title" id="exampleModalLabel">New message</h4>
      </div>
      <div class="modal-body">
        <form>
          <textarea class="form-control"></textarea>
        </form>
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
        <button type="button" class="btn btn-primary">Send message</button>
      </div>
    </div>
  </div>
</div>';

JavaScript:

echo'
<script type="text/javascript">
    window.onload = function () { 
        $("#exampleModal").on("show.bs.modal", function (event) {
  var button = $(event.relatedTarget) // Button that triggered the modal
  var recipient = button.data("whatever") // Extract info from data-* attributes
  var modal = $(this)
  modal.find(".modal-title").text("New message to " + recipient)
  modal.find(".modal-body textarea").val(recipient)
})
     }
</script>';  

现在我有了上面的所有代码，当单击该触发按钮时，它们将生成一个模态框。这段代码似乎在我的本地主机中工作正常，但在我的服务器中表现不一样，返回的值是 undefined 。现在，我认为这可能与 PHP 版本有关，因为我的本地主机有 PHP7，我的服务器有 PHP5。这是否意味着在 PHP5 中不支持 .val() 中的值字段(JavaScript 是 <textarea> )标记为 <textarea value="something"> ？

即使是这样，这个问题的解决方法是什么？我尝试使用 .html()和.text()但它所做的只是覆盖该值，当您再次打开模式框时，所有模式框的值将相同(而每个收件人模式框的值应该不同)。

Answer 1

您似乎没有包含必要的 jquery 和样式文件。请尝试包含 bootstrap.js、jQuery.min.js这个可能对你有帮助www.bootply.com/mRbjbQ1JAB祝你好运。