页面加载时模式不会自动出现

时间:2019-01-17 09:02:41

标签: javascript jquery html twitter-bootstrap

我找不到加载此页面时模态不触发的原因。

我的模态具有div标签def func1(): a = [1,2,3,4,5] return a def func2(): b = func1() print(b[0]) ,当我在id="my-modal"中使用相同的ID但什么也没出现时,它应该可以工作。

这两种选择(使用$('#my-modal').modal('show');$(document).ready(function(){)在页面中均无效。

有人可以帮忙吗?这是代码:

$(window).on('load',function(){

1 个答案:

答案 0 :(得分:2)

尽管我们没有在问题中提供任何错误或调试数据,但是如果我只是从查看代码中做出假设,我会说最可能的问题是您正在尝试运行jQuery将jQuery加载到页面之前的代码。这很可能在您的控制台中产生错误,例如$ is not defined-这是在告诉您它找不到能够执行代码的必要jQuery函数。

浏览器在加载<script>块后立即执行它们-并按照在HTML中找到它们的顺序来加载这些块。

尝试移动

<script type="text/javascript">
    $(document).ready(function () {
        $('#my-modal').modal('show');
    });
</script>

在所有其他<script>块下面-通常,通常应在页面JS之前加载外部JS,以避免这种依赖性问题。