2013-02-20 33 views
61

Tôi đang sử dụng Joomla! 3.0, trong đó có Twitter Bootstrap 2.1.0 được bao gồm. Tôi muốn làm Joomla của riêng mình! và tôi cần sử dụng các menu thả xuống. Khi tôi bao gồm sau CSS/JS:"Uncaught SyntaxError: Mã thông báo không mong muốn {" trong Bootstrap 2.1.0 đi kèm với Joomla! 3.0

<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"> 

tôi nhận được lỗi sau CSS:

Uncaught SyntaxError: Unexpected token { 

trong /media/jui/css/bootstrap.css, dòng 19

+0

Tôi nghĩ bạn có thể bỏ qua rằng lỗi css –

+0

@MarkoD Không, tôi không thể, nó xảy ra ở một trong những dòng đầu tiên, và Bootstrap không hoạt động với nó. – Cysioland

+0

Ah, tôi thấy bây giờ, xem câu trả lời dưới đây –

Trả lời

188

Bạn có lỗi cú pháp vì bạn đã cố gắng để bao gồm tập tin CSS vì nó là JavaScript, do đó, hãy thay đổi

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

to

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

Cũng gần thẻ liên kết khác đúng với />, không chỉ với >

+7

Oh, cảm ơn! Một lỗi ngu ngốc như vậy! – Cysioland

+1

Lưu ý rằng bạn có thể bao gồm jQuery và bootstrap với Joomla thông qua lệnh PHP chỉ cần gọi 'JHtml :: _ (' bootstrap.framework ') '(xem trang tài liệu tại đây để biết thêm thông tin http://docs.joomla.org/Javascript_Frameworks) –

+6

Bạn đã cứu sự tỉnh táo của tôi. – Den

Các vấn đề liên quan