querySelector 来自 Bootstrap collapse.js 的问题

Question

我的 collapse.js 的 querySelector 有问题（根据检查员的说法），因为我在我的服务器上下载了 bootstrap 以使我的网站加载速度更快（Google 现在是移动优先...）尽管我进行了搜索，但到目前为止我还没有解决 querySelector 问题。

问题是点击 "collapse" bootstrap class.

时切换功能不起作用

我在另一个线程上读到我不得不替换 bootstrap.js 中的一些代码。我还没有更改任何代码。这是我拥有的：

  getSelectorFromElement: function getSelectorFromElement(element) {
  var selector = element.getAttribute('data-target');

  if (!selector || selector === '#') {
    var hrefAttr = element.getAttribute('href');
    selector = hrefAttr && hrefAttr !== '#' ? hrefAttr.trim() : '';
  }

  try {
    return document.querySelector(selector) ? selector : null;
  } catch (err) {
    return null;
  }
},

欢迎使用其他解决方案。

Answer 1

检查 BootStrap 是否正确加载。在 Firefox 或 Chrome 开发人员工具或控制台中，如果调用折叠面板的函数未加载，调用时应该会出错。此外，加载 js 文件的任何失败都应报告为错误。检查浏览器尝试从中加载文件的路径，以及您认为文件所在的位置，看看是否可以修复不匹配问题。

querySelector 来自 Bootstrap collapse.js 的问题

querySelector from Bootstrap collapse.js problem

collapse