Функция Hide / Show не работает на Javascript - PullRequest
Новая
       9

Функция Hide / Show не работает на Javascript

0 голосов
/ 03 мая 2020

Вот моя функция загрузки 

        $("html").load(function(){
            $.post("DumpsterService.php", function(result){     //da mettere url
                $("h2").append(data).each;
                });
            });

            $("#QuantitaDep").hide();
            $("#NumDepositi").hide(); 
        });

Но когда я загружаю страницу, все показывается, я также пытался с ("canvas # QuantitaDep") и ("canvas # NymDepositi"), но все еще не работает

Здесь холст: 

    <div class="numeroDepositi">
        <h2>Numero depositi:</h2>
        <canvas id="NumDepositi" width="300" height="100"></canvas>
        <script>
            var ctx = document.getElementById('NumDepositi').getContext('2d');
            var chart = new Chart(ctx, {
            type: 'line',

            data: {
                labels: ['Lunedì', 'Martedì', 'Mercoledì', 'Giovedì', 'Venerdì', 'Sabato', 'Domenica'],
                datasets: [{
                    label: 'Andamento',
                    backgroundColor: 'rgb(255, 99, 132)',
                    borderColor: 'rgb(255, 99, 132)',
                    data: [0, 10, 5, 2, 20, 30, 45] //for example
                }]
            },

            // Configuration options go here
            options: {}
        });
        </script>

Я поделился только одним холстом, потому что они одинаковые, но

<canvas id="QuantitaDep" width="300" height="100"></canvas>

Пожалуйста помоги мне, я не понимаю

1 Ответ

0 голосов
/ 03 мая 2020

Вы можете попробовать: 

$(document).ready(function() {

вместо: 

$("html").load(function(){

Также попробуйте загрузить ваш JS фрагмент непосредственно перед тегом </html>, и если все еще нет работая, попробуйте переместить его перед тегом </head>.

Сначала отладьте, если ваша jQuery загружается правильно, попробуйте добавить код между тегами <head></head>, используя: 

<script>
    $( document ).ready(function() { console.log( "document loaded" ); });

    $( window ).on( "load", function() { console.log( "window loaded" ); });
</script>

и откройте консоль браузера (F12 в Chrome) и проверьте журнал консоли, вы должны увидеть document loaded или window loaded, если ваши JS зависимости в порядке.

jQuery документация: https://learn.jquery.com/using-jquery-core/document-ready/

Вы можете попробовать загрузить <canvas> элементы без видимости по умолчанию, просто используя CSS: 

<canvas id="NumDepositi" name="NumDepositi" width="300" height="100" style="display:none;visibility:hidden;"></canvas>

и измените на видимый onClick с помощью JS: 

$('#NumDepositi').click(function() {
        $("#NumDepositi").show();
        $("#NumDepositi").css('visibility','visible');
        $("#NumDepositi").css('display','block');
    /* you can use 'this' instead, like:
        $(this).show();
        $(this).css('visibility','visible');
        $(this).css('display','block');
    */
});
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...