包含的php文件中的jQuery選擇器不起作用

Question

我做了一個簡單的網站來管理和顯示項目。 因為我的問題足以知道有 3 個文件：

1. admin-dashboard.php顯示項目和管理功能（減少數量，增加 ecc。）

 <?php include("includes/header.php"); include("dbqueries/db-connection.php"); include("includes/alerts.php"); ?> ...

2. dashboard-utilities.js包含實現第 1 點的所有 JavaScript 函數

 ... // Reduce quantity button script function reduceQuantity(item) { $.ajax({ method: 'get', url: '../dbqueries/reduceQuantity.php', data: { 'current_item': item, }, success: function() { //alert("Quantità di " + "\\"" + item + "\\"" + " diminuita!"); $('#reduceqty-modal').modal('show'); // Reload page after closing the modal alert $('#reduceqty-modal').on('hidden.bs.modal', function () { window.location.reload(); }) } }); } ...

3. alerts.php將包含所有引導模式警報以顯示操作成功（即“數量已更新！”）

 <!-- Reduce quantity modal --> <div id="reduceqty-modal" class="modal" tabindex="-1" role="dialog"> <div class="modal-dialog" role="document"> <div class="modal-content"> <div class="modal-header"> <h5 class="modal-title">Quantità ridotta</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>Modal body text goes here.</p> </div> <div class="modal-footer"> <button type="button" class="btn btn-primary">Save changes</button> <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button> </div> </div> </div> </div> ...

所以問題是reduceQuantity函數的“成功”部分不起作用。 特別是不顯示模態。

我認為 jQuery 找不到它的選擇器，因為它在包含的文件（ alerts.php ）中。 我這么認為是因為如果我將警報代碼直接放入主文件admin-dashboard.php一切正常。

先感謝您！

Answer 1

... 問題與服務器有關。 文件alerts.php沒有正確的權限和正確的所有者。 當你說它可能並不真正包括在內時，我注意到了。

抱歉耽誤大家時間了，謝謝大家！

Answer 2

聽起來reduceQuantity()函數找不到模態元素，因為該函數在解析 HTML 元素之前正在運行。 這可能是因為您需要將 JQuery 包裝在$(document).ready(function(){})或者您需要在admin-dashboard.php文件的末尾包含 Javascript（在結束之前</body>標記），然后將alerts.php放在頂部，以便在 Javascript 運行之前可以對其進行解析。 您可能需要同時執行這兩件事。