2017-02-15 24 views
0

Мой вид лезвия показывает пустую страницу, но если нажать CTRL + U, чтобы показать исходный код, а затем я получаю это:Laravel вид лезвия страница пуста, даже если есть исходный код

<!DOCTYPE html> 
<html> 
<head> 
    <link rel='stylesheet' href='http://localhost/portal_testing/public/css/style.css'/> 
    <script src='http://localhost/portal_testing/public/js/main.js'/> 
</head> 
<body> 
    <div> 
     <div class='infoBox'> 
      <h4 class='infoBoxTitle'>Log:</h4> 
      <div class='infoBoxContent'> 
       <p>test</p> 
      </div> 
     </div> 

     <div class='errorBox'> 
      <h4 class='errorBoxTitle'>Error Log:</h4> 
      <div class='errorBoxContent'> 
       <p>test</p> 
      </div> 
     </div> 
    </div> 
</body> 
</html> 

Почему это не рендеринг, хотя есть действительный код?

UPDATE:


Javascript:

//Accordion: 
var acc = document.getElementsByClassName("accordion"); 
var i; 

for (i = 0; i < acc.length; i++) { 
    acc[i].onclick = function(){ 
     this.classList.toggle("active"); 
     var panel = this.nextElementSibling; 
     if (panel.style.display === "block") { 
      panel.style.display = "none"; 
     } else { 
      panel.style.display = "block"; 
     } 
    } 
} 

CSS

.infoBox { 
    font-family: arial; 
    padding:2px; 
    background-color: #DADADA; 
    min-width: 300px; 
    min-height: 100px; 
    margin:2px; 
    border:1px solid black; 
} 

.infoBoxTitle { 
    padding:4px; 
    font-size: 13px; 
    color: red; 
    margin: 1px; 
    text-decoration: underline; 

} 

.infoBoxContent { 
    font-size: 10px; 
    padding-left:5px; 
    margin-left:10px; 
    border: 1px solid gray; 
} 

.errorBox { 
    font-family: arial; 
    padding:2px; 
    background-color: #838383; 
    min-width: 300px; 
    min-height: 100px; 
    margin:2px; 
    border:1px solid black; 
} 

.errorBoxTitle { 
    padding:4px; 
    font-family: calibry; 
    font-size: 13px; 
    color: white; 
    margin: 1px; 
    text-decoration: underline; 
} 

.errorBoxContent { 
    color: white; 
    font-size: 11px; 
    padding-left:5px; 
    margin-left:10px; 
    border: 4px solid white; 
} 
+0

Убедитесь, что нет фатальной ошибки и содержимое не getging скрыто с помощью некоторых CSS –

+1

Пожалуйста, покажите содержимое вашего CSS и JS файлов, они могут быть ответственны для сокрытия элементов. – Jonathon

+0

Как узнать, есть ли фатальная ошибка? Просмотр журнала apache? – Black

ответ

0

Я нашел проблему ... я заметил, что все содержание было вынесено в тега скрипта:

inspect html

Причина, becaues элемент сценария пропускал это закрывающий тег.


Fix:

<script type="text/javascript" src='{{ URL::asset("js/main.js") }}'></script>