更改Kendo Mobile Layout标题中的元素文本

Question

我有一个类似于Telerik演示的移动应用程序：  http://demos.telerik.com/kendo-ui/mobile-layout/index

在我的应用程序中，我有一个div，需要在联机或离线事件触发时更改其中的文本。如果我使用JQuery来选择div，则仅在第一次触发事件时更改文本。如果任一事件再次触发，则文本不会更改。 （我已经确认，每次事件的代码都会在第一次更改后不再更新时触发。

有谁可以告诉我为什么每次都不会发生更新？

Answer 1

假设您将online / offline按钮定义为：

<a data-align="right" data-role="button" class="nav-button" href="#/">Online</a>

我建议使用简单的jQuery button调用text的文字。

首先向按钮提供id，以便您轻松找到它：

<a id="status" data-align="right" data-role="button" class="nav-button" href="#/">Online</a>

然后将它offline转为：

$("#status").text("Offline");

在此处查看：http://dojo.telerik.com/@OnaBai/IFezi/2

您还可以为online

为offline另一个创建两个按钮

<a id="ob-online" data-align="right" data-role="button" class="nav-button" href="#/">online</a>
<a id="ob-offline" data-align="right" data-role="button" class="nav-button" href="#/">offline</a>

并且只显示一个使用CSS的内容如下：

// turn it online
$("#ob-offline").css({ display: "none" });
$("#ob-online").css({ display: "inline" });
// turn it offline
$("#ob-online").css({ display: "none" });
$("#ob-offline").css({ display: "inline" });

在此处查看：http://dojo.telerik.com/@OnaBai/IFezi/3