在 PHP 中使用 Javascript 打开引导模式答案

【问题标题】：Open bootstrap modal using Javascript in PHP在 PHP 中使用 Javascript 打开引导模式
【发布时间】：2026-01-04 13:10:02
【问题描述】：

我在登录失败后尝试打开引导模式，我使用了以下代码：

if (mysqli_num_rows($query) != 0)
{
    // Login successfully
}
else
{ 
    //Login failed
    echo '<script type="text/javascript"> $("#LoginFailed").modal("show")</script>';
}

我在 HTML 头中包含 jQuery 1.12.4

<script src="js/jquery-1.12.4.js"></script>

什么也没发生，LoginFailed 模态没有出现！！

我也尝试了HERE 的解决方案，但没有运气。

有什么帮助吗？

【问题讨论】：

你包含 jquery 吗？你能在网络浏览器中显示console tab吗？
请注意，在您链接的答案中，模式代码包含在 document.ready() 中。你试过这个吗？
所以你必须在这段代码之前加载 jquery 脚本
@RyanNghiem I incloud jQuery 1.12.4 in HTML head
@sanjundev I incloud jQuery 1.12.4 in HTML head

标签： javascript php twitter-bootstrap bootstrap-4 bootstrap-modal

【解决方案1】：

See exemple

我试图根据你的情况来定制这个例子。注意：在 JSFiddle 中它不准确，因为它只运行 js css 和 HTML

你需要使用

jQuery(document).ready(function (e) {
    // Your Modal
}

【讨论】：

非常感谢，它可以工作，但前提是我将 PHP 代码放在页面末尾，如果登录信息正确，我使用 header('location:index.php') 来重定向到索引..因此，尽管必须在进行任何输出之前调用标头，但这不起作用..任何想法？
如果我理解正确，你应该在代码的开头检查用户是否登录。如果是，则重定向到主页，否则重定向到登录页面。这可以防止您加载不需要且不应该为用户加载的内容。
Hemrique 这就是我所做的，在页面顶部我检查用户凭据是否正确，如果正确，我使用 header('location:index.php') 重定向它，如果不是我想要弹出一个带有错误消息的模式。问题是，如果我在页面顶部的“html 头之前”中的这段代码，标题工作并且弹出窗口不工作，反之亦然！希望这清楚。
非常感谢，非常感谢您的帮助，现在可以工作了……谢谢您。

【解决方案2】：

你应该在jquery-1.12.4.js之后包含bootstrap.min.js文件

【讨论】：