为什么在 php 中调用 modal.show() 不起作用？

Question

当用户电子邮件不在数据库中时，我想显示模式。 我写$('.ui.basic.modal').modal('show'); php$echo。 它没有显示。 在语义 UI 模式示例中，模式显示在运行代码按钮单击上。 语义 UI 示例链接 https://semantic-ui.com/modules/modal.html

我正在使用语义 UI 模式。

//PHP Code
if(!result)
{
 echo "<script>$('.ui.basic.modal').modal('show');</script>";
}
//MyModal
<div class="ui basic modal">
    <div class="ui icon header">
        <i class="frown outline icon"></i>
        Cannot find your email?
    </div>
    <div class="content">
        <p>You are still on waiting list.</p>
    </div>
</div>

Answer 1

.ui.basic.modal 元素在您的 javascript 代码执行时不存在。

你必须在模态创建后执行js代码，并使用document.ready函数或等效函数。

试试

<?php
if(!$result){
?>
    <div class="ui basic modal">
        <div class="ui icon header">
            <i class="frown outline icon"></i>
            Cannot find your email?
        </div>
        <div class="content">
            <p>You are still on waiting list.</p>
        </div>
    </div>
    <script>
    $( document ).ready(function() {
        $('.ui.basic.modal').modal('show');
    });
    </script>
<?php
}
?>

这假设已加载 jQuery 和 Semantic-ui javascript 源代码。