Twitter bootstrap Twitter引导菜单不工作

我第一次尝试使用Twitter引导在Joomla 3.0中编写自定义模板

[edit]删除了指向站点的链接[/edit]

我所做的任何事情都无法使模板的菜单正常工作。只有头版。请忘了里面的几页

我认为这是因为模板似乎无法访问javascript文件

如果您能在调整窗口大小时让模板的菜单正常工作，任何建议都将不胜感激

我试过用这个：

    <?php
    defined('_JEXEC') or die;
    $doc = JFactory::getDocument();
    $doc->addScript('/templates/' . $this->template . '/js/main.js', 'text/javascript');
    $doc->addScript('/templates/' . $this->template . '/js/jquery.js', 'text/javascript');
    $doc->addScript('/templates/' . $this->template . '/js/bootstrap-transition.js',   'text/javascript');
    $doc->addScript('/templates/' . $this->template . '/js/bootstrap-alert.js', 'text/javascript');
    $doc->addScript('/templates/' . $this->template . '/js/bootstrap-modal.js', 'text/javascript');
    $doc->addScript('/templates/' . $this->template . '/js/bootstrap-dropdown.js', 'text/javascript');
    $doc->addScript('/templates/' . $this->template . '/js/bootstrap-scrollspy.js', 'text/javascript');
    $doc->addScript('/templates/' . $this->template . '/js/bootstrap-tab.js', 'text/javascript');
    $doc->addScript('/templates/' . $this->template . '/js/bootstrap-tooltip.js', 'text/javascript');
    $doc->addScript('/templates/' . $this->template . '/js/bootstrap-popover.js', 'text/javascript');
    $doc->addScript('/templates/' . $this->template . '/js/bootstrap-button.js', 'text/javascript');
    $doc->addScript('/templates/' . $this->template . '/js/bootstrap-collapse.js', 'text/javascript');
    $doc->addScript('/templates/' . $this->template . '/js/bootstrap-carousel.js', 'text/javascript');
    $doc->addScript('/templates/' . $this->template . '/js/bootstrap-typeahead.js', 'text/javascript');
    ?>

我试过这个：

<link href="<?php echo $this->baseurl ?>/templates/<?php echo $this->template ?>/js/jquery.js" />
<link href="<?php echo $this->baseurl ?>/templates/<?php echo $this->template ?>/js/bootstrap-transition.js" />
<link href="<?php echo $this->baseurl ?>/templates/<?php echo $this->template ?>/js/bootstrap-alert.js" />
<link href="<?php echo $this->baseurl ?>/templates/<?php echo $this->template ?>/js/bootstrap-modal.js" />
<link href="<?php echo $this->baseurl ?>/templates/<?php echo $this->template ?>/js/bootstrap-dropdown.js" />
<link href="<?php echo $this->baseurl ?>/templates/<?php echo $this->template ?>/js/bootstrap-scrollspy.js" />
<link href="<?php echo $this->baseurl ?>/templates/<?php echo $this->template ?>/js/bootstrap-tab.js" />
<link href="<?php echo $this->baseurl ?>/templates/<?php echo $this->template ?>/js/bootstrap-tooltip.js" />
<link href="<?php echo $this->baseurl ?>/templates/<?php echo $this->template ?>/js/bootstrap-popover.js" />
<link href="<?php echo $this->baseurl ?>/templates/<?php echo $this->template ?>/js/bootstrap-button.js" />
<link href="<?php echo $this->baseurl ?>/templates/<?php echo $this->template ?>/js/bootstrap-collapse.js" />
<link href="<?php echo $this->baseurl ?>/templates/<?php echo $this->template ?>/js/bootstrap-carousel.js" />
<link href="<?php echo $this->baseurl ?>/templates/<?php echo $this->template ?>/js/bootstrap-typeahead.js" />

---

有一个错误，您可以在chrome/firefox控制台中看到

Uncaught ReferenceError: jQuery is not defined 

您可能没有包括jquery

而且

<link href="....

鉴于您正在使用Joomla 3.0，加载引导框架的最佳方式如下所示：

JHtml::_('bootstrap.framework');

它使用更少的代码行，使用Joomla 3.0编码标准，并确保jQuery以noConflict模式加载。看看上面的例子。两者都有。我认为，问题在于它没有读取javascript文件。我不知道如何让它读。替换为脚本的标记，它应该根据您的编辑工作，好的，这是css。然后看第一个例子。我想这是针对javascript的。这也不起作用。什么是正确的方式让javascripts文件以正确的方式包含进来，以便模板能够读取它？您的意思是：@davidkonrad-不用担心。现在我的js文件被读取了，我很高兴不管怎样，我明白了。。。但我们基本上都在同一条船上。这就是为什么我如此喜欢堆栈溢出的原因之一。。。我觉得我几乎总能在这里提问。请注意，并非总是如此有时候我太害羞了，不敢问我觉得自己应该已经理解的问题。事实上，如果我不提问，一天结束时唯一受影响的人就是我。所以耸耸肩。希望你这一天过得更好你是说：@oyvey-是的。添加它的最佳位置是模板文件夹中的index.php；）我根本不需要包含jquery文件？或者它只是确保模板中的任何jquery文件都不会冲突？我明白了！这意味着我的jquery文件包含是多余的！包含该声明还意味着什么？希望你不介意我问。我基本上加载了引导框架（所有文件）和jQuery框架，这样你就不用单独导入每一个了。它还以noConflict模式加载jQuery，以便通过将
$.
替换为
jQuery.