Php 重复调用时语义Ui模式重复

我有一段jquery代码，它以

$(".data_container").load(base_path+"sign_up/signup.php?trigger_id=random");

php包含

<?php include_once("../libs/php_header/php_header.php"); ?>

<div class="ui modal s_umodal">
<i class="close icon"></i>
<div class="header">
Modal Title
</div>
<div class="image content">
<div class="image">
An image can appear on left or an icon
</div>
<div class="description">
 A description can appear on the right
</div>
</div>
<div class="actions">
<div class="ui button">Cancel</div>
<div class="ui button">OK</div>
</div>
</div>

<script>
$('.s_umodal')

.modal('show');
</script>

情态标题
图像可以显示在左侧或图标上
描述可以出现在右侧
取消
好啊
$（'s_umodal'）
.modal（“show”）；

---

问题是，我可以调用模态框，它就会出现。但下次我点击触发按钮（显示模式的按钮）时，它会显示另一个，即使我关闭了前一个。现在我只剩下两个模态框。如果我点击多次，我会留下多个模态框。我使用的是语义UI。

实现中的问题是每次调用

$（'.data\u container'）.load（base\u path+“sign\u up/signup.php？trigger\u id=random”）您正在使用从该ajax调用获取的div创建一个新的dom元素<代码>$（'s_umodal'）.model（'show'）然后显示从服务器返回的所有模式框

在不显著地重新构造代码的情况下，一种方法是不要一次又一次地获取div的内容。
将是包含数据容器的主html的一部分。Ajax调用可以返回显示对话框的脚本

HTML:

<div class="data_container"></div>
<div class="ui modal s_umodal">
    <i class="close icon"></i>
    <div class="header">
      Modal Title
    </div>
    <div class="image content">
    <div class="image">
      An image can appear on left or an icon
     </div>
    <div class="description">
       A description can appear on the right
    </div>
   </div>
   <div class="actions">
   <div class="ui button">Cancel</div>
   <div class="ui button">OK</div>
  </div>
</div>

但是，如果您准备进行重大更改，则可以尝试使用JSON web服务，而不是返回
 你说再展示一个是什么意思？这是原始模态，再次显示。你想避免这种情况吗（即确保模式关闭后再也不能显示）？@shiva acharjee我在使用meteor.js实现它时遇到了完全相同的问题，但解决了它，我记得这是一个非常愚蠢的错误。我试着记住，但没有成功，你能告诉我你的控制台说了什么吗？有错误吗？也许这会帮助我记住解决方案。我试图在rails中使用语义ui模式，但我遇到了同样的问题。我正在渲染一个包含模态的部分。不知道该怎么办，因为上面的解决方案对我不起作用
<script>
  $('.s_umodal').modal('show');
</script>

$(".data_container").load(base_path+"sign_up/signup.php?trigger_id=random");