Ich benutze Joomla! 3.0, in dem Twitter Bootstrap 2.1.0 enthalten ist. Ich möchte meine eigene Joomla machen! Vorlage, und ich muss Dropdown-Menüs verwenden. Wenn ich folgendes CSS / JS einbeziehe:
<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">
Ich erhalte folgenden CSS-Fehler:
Uncaught SyntaxError: Unexpected token {
in /media/jui/css/bootstrap.css
Zeile 19
css
joomla
twitter-bootstrap
Cysioland
quelle
quelle
Antworten:
Sie haben einen Syntaxfehler, weil Sie versucht haben, eine CSS-Datei als JavaScript einzuschließen. Ändern Sie sie daher
<script type="text/javascript" src="<?php echo $this->baseurl ?>/media/jui/css/bootstrap.css"></script>
zu
<link href="<?php echo $this->baseurl ?>/media/jui/css/bootstrap.css" rel="stylesheet" type="text/css" />
Schließen Sie auch andere Link-Tags ordnungsgemäß mit
/>
, nicht nur mit>
quelle
JHtml::_('bootstrap.framework')
(weitere Informationen finden Sie auf der Dokumentseite docs.joomla.org/Javascript_Frameworks )