przyciski sie nie wyswietlaja

pytanie zadane 6 kwietnia 2018 w HTML i CSS przez LockeLamora Użytkownik (740 p.)

Dlaczego te dwa przyciski wyświetlają się jak otworze lokalnie a jak odpalę na serwerze to już nie?

https://i.imgur.com/7xwWbLd.png

komentarz 6 kwietnia 2018 przez ScriptyChris Mędrzec (190,190 p.)

Być może zmienna todayToDos jest falsy lub - jako, że to pewnie jest tablica - jest pusta.

komentarz 6 kwietnia 2018 przez LockeLamora Użytkownik (740 p.)

Nie jest co widac na zdjęciu, jest jedno zadanie na dzisiaj tj. wbic globala ;p

komentarz 6 kwietnia 2018 przez ScriptyChris Mędrzec (190,190 p.)

Skoro korzystasz z Bootstrapa, sprawdź czy na serwerze załadował się. Zbadaj też w Inspektorze Elementów (CTRL + Shift + C), czy te przyciski znajdują się w DOM i jakie mają nadane style.

komentarz 6 kwietnia 2018 przez LockeLamora Użytkownik (740 p.)

Bootstrap się załadował, ten plus zielony tez jest z bootstrapa i działa. W elemenets w ogole tych przyciskow niema

I jeszcze w konsoli jest taki błąd

util.js:68 Uncaught TypeError: Cannot read property 'fn' of undefined
at util.js:68
at util.js:10
at bootstrap.min.js:6
at bootstrap.min.js:6

w kodzie mam te linki ze strony bootstrapa

<script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js" integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q" crossorigin="anonymous"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js" integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl" crossorigin="anonymous"></script>

komentarz 6 kwietnia 2018 przez PolYGlok Pasjonat (19,450 p.)

Pokaż html kod.

komentarz 6 kwietnia 2018 przez LockeLamora Użytkownik (740 p.)

<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>ToDo</title>
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap-theme.min.css" integrity="sha384-rHyoN1iRsVXV4nD0JutlnGaslCJuC7uwjduW9SVrLvRYooPp2bWYgmgJQIXwl/Sp" crossorigin="anonymous">
</head>
<body>
<div class="col col-md-8" align="center">
    <button onclick="location.href = '/newtask'" class="btn btn-lg btn-success">
        <span class="glyphicon glyphicon-plus"></span>
    </button>

        <div>
            <h3>Today</h3>
                <th:block th:each="todo : ${todayToDos}">
                    <li class="list-group-item " th:text="${todo.description}">wbic globala
                        <button class="btn btn-xs btn-danger pull-right" >
                            <span class="glyphicon glyphicon-remove" ></span>
                        </button>
                        <button class="btn btn-xs btn-success pull-right">
                            <span class="glyphicon glyphicon-ok"></span>
                        </button>
                    </li>
                </th:block>
        </div>
    </div>

<script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js" integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q" crossorigin="anonymous"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl" crossorigin="anonymous"></script>

</body>
</html>

Zaloguj lub zarejestruj się, aby skomentować.

Zaloguj lub zarejestruj się, aby odpowiedzieć na to pytanie.

Podobne pytania

O działaniu forum

Pasja informatyki w internecie

Polecane miejsca w sieci