“Uncaught SyntaxError: Unexpected token { ” en 2.1.0 Bootstrap fourni avec Joomla! 3.0

Je suis à l'aide de Joomla! 3.0, qui a Twitter Bootstrap 2.1.0 inclus. Je veux faire ma propre Joomla! modèle, et j'ai besoin d'utiliser des menus déroulants. Quand j'comprennent les suivantes 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"  type="text/css">
<link  href="<?php echo $this->baseurl ?>/templates/<?php echo $this->template; ?>/css/images/favicon.ico" type="image/x-icon">

- Je obtenir CSS suivantes erreur:

Uncaught SyntaxError: Unexpected token {

dans /media/jui/css/bootstrap.css, ligne 19

  • Je pense que vous pouvez ignorer cette erreur css
  • Non, je ne peux pas, il se produit dans l'une des premières lignes, et Bootstrap n'est pas de travailler avec elle.
InformationsquelleAutor Cysioland | 2013-02-20
  1. 217

    Vous avez une erreur de syntaxe parce que vous avez essayé d'inclure le fichier CSS, comme c'était le JavaScript, donc changement

    <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"  type="text/css" />

    Également à proximité d'autres balises link correctement avec />, non seulement avec >

    • Notez que vous pouvez inclure jQuery et bootstrap avec Joomla grâce à une commande PHP appelez simplement JHtml::_('bootstrap.framework') (voir docs page ici pour plus d'info docs.joomla.org/Javascript_Frameworks )
    • J'ai couru dans cette quand un saut dans un nœud de développement et de ne pas prêter assez d'attention à des ressources externes. Vérifiez vos chemins d'accès, les extensions de fichier et le contenu du fichier. Assurez-vous que tout le JavaScript est .js et tout le CSS est .css. Assurez-vous également que vous n'êtes pas à l'importation de jquery.js comme jquery.css. Semble idiot, mais c'est arrivé pour moi ma première fois donc pensé qu'il va probablement se produire à quelqu'un d'autre aussi.
    InformationsquelleAutor Marko D