我正在使用Joomla!3.0,其中包含Twitter Bootstrap 2.1.0。我想做自己的Joomla!模板,我需要使用下拉菜单。当我包括以下CSS/JS时:

<script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>    
<script type="text/javascript" src="<?php echo $this->baseurl ?>/media/jui/js/bootstrap.min.js"></script>
<script type="text/javascript" src="<?php echo $this->baseurl ?>/media/jui/css/bootstrap.css"></script>
<link href="<?php echo $this->baseurl ?>/templates/<?php echo $this->template; ?>/css/Site.css" rel="stylesheet" type="text/css">
<link rel="shotcut icon" href="<?php echo $this->baseurl ?>/templates/<?php echo $this->template; ?>/css/images/favicon.ico" type="image/x-icon">

我会以下CSS错误:

Uncaught SyntaxError: Unexpected token { 

/media/jui/css/bootstrap.css,第 19 行

答案

您有语法错误,因为您尝试在JavaScript时尝试包含CSS文件,因此请更改

<script type="text/javascript" src="<?php echo $this->baseurl ?>/media/jui/css/bootstrap.css"></script>

<link href="<?php echo $this->baseurl ?>/media/jui/css/bootstrap.css" rel="stylesheet" type="text/css" />

还可以正确关闭其他链接标签/>,不只是>

来自: stackoverflow.com