小编Ali*_*cia的帖子

在JQuery中定义全局变量

我不确定我是否正确解释这一点,但在这里......

我有一个在JQuery中工作的函数,用于将选定的下拉值分配给变量,然后在单击确认按钮时将变量传递给HTML的不同部分.

这是HTML的精简版本

<p id="t1"></p> 
<select id="selectLevel">
   <option value="1">1</option>
   <option value="2">2</option>
   <option value="3">3</option>
   <option value="4">4</option>
   <option value="5">5</option>
   <option value="6">6</option>
   <option value="7">7</option>
   <option value="8">8</option>
   <option value="9">9</option>
   <option value="10">10</option>
   <option value="11">11</option>
   <option value="12">12</option>
   <option value="13">13</option>
   <option value="14">14</option>
   <option value="15">15</option>
   <option value="16">16</option>
   <option value="17">17</option>
   <option value="18">18</option>
   <option value="19">19</option>
   <option value="20">20</option>
</select>
<span class="btn" id="confirmLevel">Confirm</span>
Run Code Online (Sandbox Code Playgroud)

这是我使用的JQuery.

$(document).ready(function() {
    $('#confirmLevel').click(function() {
        var PClevel = $("#selectLevel option:selected").text();
        $('#t1').append('Level ' + PClevel); 
    });
});
Run Code Online (Sandbox Code Playgroud)

问题是,如果我稍后尝试为其他函数调用PCLevel变量,则没有任何反应.我在这里错过了什么?或者最好完全跳过JQuery并使用Javascript来做同样的事情?

javascript variables jquery global-variables javascript-events

8
推荐指数
1
解决办法
4万
查看次数

删除chart.js中的“标签”

我正在使用 Chart.js v2.7.2 并想删除“标签”字段。离开它会返回“未定义”,而我尝试过的各种选项都没有做任何事情。有人对此有新的见解吗?图例、标题等都无法删除它。

let thisChart = new Chart(gov_chart, {
        type: 'horizontalBar',
        data: {
            label: 'I want to remove this',
            labels: [data1, data2],
            datasets: [{
                backgroundColor: ['rgb(240,61,74)', 'rgb(0, 156, 255)'],
                data: [data1.count, data2.count],
                }]
            },
        options: {
            scales: {
                xAxes: [{
                    ticks: {
                        beginAtZero: true
                        }
                    }]
                }
            },
            legend: {
                display: false
            },
            title: {
                display: false
            },
            tooltips: {
                callbacks: {
                    label: function(tooltipItem) {
                        return tooltipItem.yLabel;
                    }
                }
            }
        });
Run Code Online (Sandbox Code Playgroud)

javascript charts chart.js

5
推荐指数
2
解决办法
8760
查看次数