Я хотел бы знать, что у меня есть два сценария jquery.
1- Измеритель уровня (с использованием библиотеки jqwidgets.com)
2- Мой собственный скрипт
Манометр - это в основном виджет, который я использую. Теперь я хочу получить доступ к значению измерителя. Если показание счетчика, давайте предположим, что 10, то я хочу, чтобы 10 значений были доступны в моем собственном определенном сценарии, чтобы я мог использовать его где бы то ни было и для какой бы то ни было цели. Вот код html.
<div class="demo-gauge" style="position: relative;height: 200px;margin-left:2.5em;">
<div id='gauge' style="position: absolute; top: 0px; left: 0px;">
</div>
<div id='slider' style="position: absolute; top: 160px; left: 5px">
</div>
</div>
и сценарий для датчика. мой скрипт просто получит значение и просто предупредит его в данный момент.
<script type="text/javascript">
var gauge_value = endValue;
$(document).ready(function () {
$('#gauge').jqxGauge({
ranges: [{ startValue: 0, endValue: 130, style: { fill: '#4cb848', stroke: '#4cb848' }, startDistance: 0, endDistance: 0 },
{ startValue: 130, endValue: 180, style: { fill: '#fad00b', stroke: '#fad00b' }, startDistance: 0, endDistance: 0 },
{ startValue: 180, endValue: 220, style: { fill: '#e53d37', stroke: '#e53d37' }, startDistance: 0, endDistance: 0}],
cap: { size: '5%', style: { fill: '#2e79bb', stroke: '#2e79bb'} },
border: { style: { fill: '#8e9495', stroke: '#7b8384', 'stroke-width': 0 } },
ticksMinor: { interval: 0, size: '5%' },
ticksMajor: { interval: 0, size: '10%' },
labels: { position: 'outside', interval: 60 },
pointer: { style: { fill: '#2e79bb' }, width: 5 },
animationDuration: 1500
});
$('#slider').jqxSlider({ min: 0, max: 220, mode: 'fixed', ticksFrequency: 20, width: 150, value: 120, showButtons: true });
$('#slider').mousedown(function () {
$('#gauge').jqxGauge('value', $('#slider').jqxSlider('value'));
});
$('#slider').on('slideEnd', function (e) {
$('#gauge').jqxGauge('value', e.args.value);
});
$('#slider').on('mousewheel', function () {
$('#gauge').jqxGauge('value', $('#slider').jqxSlider('value'));
});
$('#gauge').jqxGauge('value', 120);
});
</script>
Я попытался поставить конечное значение, которое составляет 120, делая это
var gauge_value = endValue;
но когда я предупреждаю его в другом скрипте, он предупреждает о неопределенном
Я не знаю, какова ваша проблема, но вы можете использовать
gauge_value = endValue;
вместо
var gauge_value = endValue;
определить глобальную переменную в jQuery