Javascript 加载页面时如何打开模块/画布？

链接起作用了

<a href="#offcanvas-cart" data-toggle="offcanvas">Cart Contents</a>

我想在加载页面时模拟点击链接

我怀疑这是data toggle=“offcanvas”-如何将此信息集成到$（窗口）。on（'load'，函数

我的JavaScript：

    /**
     * Toggling offcanvas menu
     * @param {string} triggerOpen
     * @param {string} triggerClose
    */
    offcanvas: function (triggerOpen, triggerClose) {

      triggerOpen = '[data-toggle="offcanvas"]';
      triggerClose = '[data-dismiss="offcanvas"]';

      $(triggerOpen).on('click', function (e) {
        var $target = $(this).attr('href');
        showOffcanvas($target);
        e.preventDefault();
      });

      $(triggerClose).on('click', function () {
        var $target = $('.offcanvas');
        hideOffcanvas($target);
      });

      function showOffcanvas (target, callback) {
        callback = setTimeout(function () {
          $(BODY).addClass('offcanvas-open');
        }, 100);
        $(target).addClass('show', callback);
      }

      function hideOffcanvas (target, callback) {
        callback = setTimeout(function () {
          $(target).removeClass('show');
        }, 500);
        $(BODY).removeClass('offcanvas-open', callback);
      }
    },

...

HTML

购物车内容

在A标签上添加一个ID。然后您可以在文档就绪中使用$（“#offcanvas cart ID”）.trigger（'click'）。

    /**
     * Toggling offcanvas menu
     * @param {string} triggerOpen
     * @param {string} triggerClose
    */
    offcanvas: function (triggerOpen, triggerClose) {

      triggerOpen = '[data-toggle="offcanvas"]';
      triggerClose = '[data-dismiss="offcanvas"]';

      $(triggerOpen).on('click', function (e) {
        var $target = $(this).attr('href');
        showOffcanvas($target);
        e.preventDefault();
      });

      $(triggerClose).on('click', function () {
        var $target = $('.offcanvas');
        hideOffcanvas($target);
      });

      function showOffcanvas (target, callback) {
        callback = setTimeout(function () {
          $(BODY).addClass('offcanvas-open');
        }, 100);
        $(target).addClass('show', callback);
      }

      function hideOffcanvas (target, callback) {
        callback = setTimeout(function () {
          $(target).removeClass('show');
        }, 500);
        $(BODY).removeClass('offcanvas-open', callback);
      }
    },

...

<!-- Off-canvas cart-->
<div class="offcanvas offcanvas-reverse" id="offcanvas-cart">
    <div class="offcanvas-header d-flex justify-content-between align-items-center">
        <h3 class="offcanvas-title">Cart Contents</h3>
    </div>
        
    </div>
</div>