Question

我正在研究从PLC获取数据的JQM应用程序。这些数据是动态的。多个移动设备可以更改需要在应用上使用不同UI的值。

我可以看到按钮的ON和OFF状态。首先是一个脚本读出PLC的值，然后我在UI中进行如下更改：

<html>
<script>
...script to get data from PLC every second...
if (bool==true)
      {
      var content = <'input type="submit" id="onoff" value="lights" data-theme="a" />
$('#dynamicCodeContainer').html(content).trigger("create");
}

if (bool==false)
      {
      var content = <'input type="submit" id="onoff" value="lights" data-theme="b" />
$('#dynamicCodeContainer').html(content).trigger("create");
}
<script>

<html> 
<body>
...body is updated every second....
<div id="dynamicCodeContainer">no dynamic code loaded.</div>
<script>
</script>
</body>

这很好用，当灯光的值发生变化时，主题会发生变化。

作为正文的头部中的脚本每秒都会更新。（因为不止一个移动设备可以改变灯的状态）。

问题：我希望用户能够自己更改按钮的值。我可以输入一个允许输入文本的文本输入，我已经可以写入PLC了并在变量中再次读出。我们称之为文本按钮。

这个textbutton变量位于HTML文件头部的JS中。我已经可以更改onoff按钮'manualy'的值，请参阅链接：

http://jsfiddle.net/UVdVe/7/

我在哪里放置覆盖value =“lights”的JS以及JS看起来像什么？

我认为在这种情况下的挑战是使用

$('#dynamicCodeContainer').html(content).trigger("create");

和

<div id="dynamicCodeContainer">no dynamic code loaded.</div>.

希望收到你的来信。

提前谢谢。

动态按钮值每秒更新一次

0 个答案: