Joomla - Bootstrap 无法正常工作

Question

我正在将网站更改为 Joomla 3.4.3 的模板。我正在使用 Bootstrap 3 个组件，它们在正常情况下工作得很好，但是当它作为 Joomla 模板时，它们无法正常工作。导航切换仅在某些时候起作用，轮播表现得很奇怪并且某些动画不起作用。同样在 firefox 中，每当我点击某处时，我都会收到此错误：

Empty string passed to getElementById()

它指的是 jQuery 中的这段代码：

// HANDLE: $(#id)
} else {
    elem = document.getElementById( match[2] ); // Here the error occurs

我了解到这可能是由于 HTML 中有重复的 ID 引起的，但我已经检查过但没有找到。

非常感谢您的帮助，我对此感到非常沮丧。谢谢

Answer 1

我认为问题在于 joomla 的核心当前使用版本 2.3.2 Bootstrap

您需要加载模板，bootstrap您要使用的版本。

在模板中创建一个名为 "js" 的目录，并为 "css"

创建一个目录

然后在放置文件后将其添加到模板中。

$doc->addScript($tpath.'/js/bootstrap.min.js');
$doc->addStyleSheet($tpath.'/css/bootstrap_3.css');

Answer 2

为避免冲突，如何不加载js文件如下：

unset($doc->_scripts[$this->baseurl.'/media/jui/js/bootstrap.min.js']);

在这种情况下，我们删除默认加载的 bootstrap.min.js joomla 文件。

希望对您有所帮助。对不起我的英语。

Joomla - Bootstrap 无法正常工作

Joomla - Bootstrap not working properly

javascript

jquery

html

twitter-bootstrap-3

joomla3.0