Jquery 在DOM操作后启动引导模式

我这里有一个非常合适的问题——不确定是否有人能帮助我。为了维护我正在处理的站点的流，我们在加载后动态地重新排序页面上的元素，因为元素在服务器上被启用和禁用，这在很多因素上都有所不同，因此通过JavaScript更容易实现

此外，我们根据屏幕大小在两列和三列之间切换，这样服务器解决方案就不会剪切它

它在

$（document.ready（）中的脚本文件中运行函数。在一个页面上，我们有一个模态，它也被我们的循环函数所移动。因此，当我们试图让jQuery调用
$（'#modalID'）.modal（'show'）时，jQuery无法识别该元素

因为它没有连接到事件，所以我不能使用jQuery的
.on
函数，所以我不知道如何找到
$（“#modalID”）
，以便显示它

最大的困难是，因为我们的可重用代码在任何页面上运行，所以我们无法针对这个特定实例进行调整，所以我想我需要一种几乎可以重新解析DOM的方法

这有什么办法吗

谢谢

编辑：为清晰起见，下面添加了代码（希望如此）

主JS文件（以下函数在
$（document）.ready
上运行，并查找类为“JS reflowitem”的所有元素，根据可见的“JS reflowcontainer”元素的数量将它们划分为大小大致相等的列表，并将这些项添加到各自的父项中。这是为了确保正确的垂直顺序（客户要求-我认为它应该水平流动，这就不需要所有这些！）或者元素没有间隙，无论渲染的是哪种元素）

这一点特别复杂的原因是，我们正在处理的页面实际上是一个.ascx控件，它在“js reflowcontainer”中呈现，因此我们甚至无法呈现一个可以通过编程方式单击的按钮

我将尝试使用jalilIrfan建议的技术，并进行一些小的调整，明天再报告。我还将看看是否可以将逻辑转移到ajax调用，以防止重复回发造成的一些奇怪现象

请原谅代码的奇怪之处——有许多限制是我无法控制的

即使我明天的计划以成功告终，我也会好奇是否有办法找到一个添加/移动的控件，因为我不敢相信我是唯一一个有这个模糊要求的人

谢谢你的建议，伙计们！
而不是$（“#xxtt”）.modal（“show”）。你为什么不试着用一个隐藏的按钮点击，并在需要时触发按钮点击呢

    <!-- Buttons -->''
    <button type="button" data-toggle="modal" data-target="#myModal" class="hide showModal"></button>

     (**or**)

    <!-- Other elements -->
    <p data-toggle="modal" class="hide showModal" data-target="#myModal">Open Modal</p>

希望它有助于
在另一个函数的回调中重新初始化模态，或者只是在它的末尾。到目前为止您尝试了什么？请显示您的代码。添加了一些代码（希望如此）更好地解释我自己。这有很多独立的组件，这使得发布连贯的代码有点困难，但是如果我能添加任何其他内容来澄清，请告诉我。谢谢。
$(document).ready(function () {
    $('#myModal').appendTo($('form:first'));
    $('#myModal').modal('show');

    $('#btnCloseModal').click(function (event) {
        event.preventDefault();
        $('#myModal').modal('hide');
    });
});

    <!-- Buttons -->''
    <button type="button" data-toggle="modal" data-target="#myModal" class="hide showModal"></button>

     (**or**)

    <!-- Other elements -->
    <p data-toggle="modal" class="hide showModal" data-target="#myModal">Open Modal</p>

   $(".showModal").click();