引导模式未在页面加载时加载

Question

嗨，我在我的网站上添加了一个引导模式，但问题是它没有在 $(window).load(); 上启动。 我也尝试在窗口加载时添加一个警报，它工作正常，但在页面加载时没有加载模式，但是如果我通过按钮触发它，则会加载模式

参考您可以查看https://theinnovativepackaging.com/

而Modal如下

<div id="myDiscountModal"  class="modal fade">
    <div class="modal-dialog disc-modal">
        <div class="modal-content">
            <div class="modal-header disc-modal">
        <div>
              <h5 class="modal-title">SIGNUP TILL NOV 25th and Avail 10% OFF</h5>
                </div>
            <button type="button" class="close" data-dismiss="modal"><span class="discount-modal-close"><img width="10px" src="<?php echo base_url('/images/close.jpg')?>"></span></button>
            </div>
            <div class="modal-body">
        <div class="row">
          <div class=" col-sm-6">
            <img width="100%" src="<?php echo base_url('/images/discount-voucher.jpg')?>">
          </div>
          <div class="col-sm-6">
            <p class="my-icon-title popup-content">Start Your Quotation Message with Discount Voucher and Get 10% OFF</p>
                    <form method="post" id="ajaxDiscountForm" action="javascript:void(0)">
                      <div class="form-group">
            <div class="disc-modal-form-field">
              <span class="fa fa-envelope disc-modal-form-field-icon"></span>
              <input type="email" name="email" class="form-control" placeholder="Email Address">
            </div>
                      </div>
                      <div class="form-group">
            <div class="disc-modal-form-field">
              <span class="fa fa-phone disc-modal-form-field-icon"></span>
              <input type="tel" id="" class="form-control" name="phone" placeholder="Phone Number">
            </div>
                      </div>
              <div id="discountMessage" style="display: none;"></div>
                      <button type="submit" id="send_discount_form" class="btn btn-primary">Get Discount</button>
                    </form>
          </div>
        </div>
            </div>
        </div>
    </div>
</div>

添加的 Javascript 是：

<script type="text/javascript">
    $(window).on('load', function() {
        $('#myDiscountModal').modal('show');
    });
</script>

谁能指导我什么可能是它不起作用的冲突？

Answer 1

您的网站上存在多个可以在开发者控制台中看到的错误。我相信其中很多（包括带有 Bootstrap 模式的）都与 jQuery 被导入两次有关。尝试删除其中一个。