Bootstrap collapse.js问题中的querySelector

xmakbtuz  于 2022-12-07  发布在  Bootstrap
关注(0)|答案(1)|浏览(124)

我从collapse.js下载querySelector时遇到了一个问题(根据检查员的说法),因为我在服务器上下载了bootstrap,以使我的网站更快加载(Google现在是移动的第一...),尽管我搜索了一些内容,但到目前为止我还没有解决querySelector问题。
问题是当单击“collapse”引导类时,切换功能不起作用。
我在另一个线程上看到我不得不替换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;
  }
},

另一种解决方案是受欢迎的。

k4emjkb1

k4emjkb11#

检查BootStrap是否正确加载。在Firefox或Chrome开发者工具或控制台中,如果调用用于折叠面板的函数时未加载该函数,则会出现错误。此外,任何无法加载js文件的情况都应报告为错误。检查浏览器尝试加载文件的路径与您认为文件所在的位置,并查看是否可以修复不匹配的情况。

相关问题