Javascript jmwidget设置指示符值

Javascript jmwidget设置指示符值,javascript,jquery,jquery-ui,Javascript,Jquery,Jquery Ui,我非常喜欢这套小部件: 但是,我需要使用一个值在初始化时(或稍后在页面更新时)设置一个指示符的值,而不是将它链接到另一个值(尽管我可以通过一个虚拟元素来实现这一点,如果我必须这样做的话) 不管我怎么努力,我都无法让它发挥作用。这是小提琴: 人机界面指示器示例 $(函数(){ $(“#ind1”).hmindicator({颜色:[‘红色’、‘黄色’、‘绿色’],值:1}); var val=$(“#ind1”).hmi指标(‘选项’,‘值’); 警报(val) }); 请告诉我我愚蠢地错过

我非常喜欢这套小部件:

但是,我需要使用一个值在初始化时(或稍后在页面更新时)设置一个指示符的值,而不是将它链接到另一个值(尽管我可以通过一个虚拟元素来实现这一点,如果我必须这样做的话)

不管我怎么努力,我都无法让它发挥作用。这是小提琴:


人机界面指示器示例
$(函数(){
$(“#ind1”).hmindicator({颜色:[‘红色’、‘黄色’、‘绿色’],值:1});
var val=$(“#ind1”).hmi指标(‘选项’,‘值’);
警报(val)
});

请告诉我我愚蠢地错过了什么。文档看起来很清晰,但我无法在初始化或使用setter时使用它

谢谢, C

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>HMI Indicator Example</title>

    <!-- JMWidgets styles -->
<link rel="stylesheet" href="css/base/jmwidgets-0.8.0.base.min.css">
<link rel="stylesheet" href="css/jmwidgets-0.8.0.allstyles.min.css">
    <!-- jQuery classes -->
<script src="js/jquery-1.8.0.min.js"></script>
<script src="js/jquery-ui-1.8.23.custom.min.js"></script>
    <!-- JMWidget classes -->
<script src="js/jmwidgets-0.8.0.min.js"></script>

<script>
$(function() {
    $("#ind1").hmiIndicator( {colors:['red','yellow','green'],value:1} );    
            var val= $("#ind1").hmiIndicator( 'option','value' ); 
            alert(val)
});
</script>
</head>
<body id="page1">

<div id="ind1" style="width:150px; height:150px"></div>
<br />

</body>
</html>