Я хочу, чтобы сама кнопка меняла свой цвет, когда он был подключен к Интернету (в зависимости от интернет-соединения), в зеленый цвет, в противном случае серый.
У меня есть скрипт JS, который дает решение щелкнуть по кнопке, и мы можем видеть, что мы в сети/в автономном режиме с помощью предупреждения.
Кто-нибудь может помочь
HTML:
<div data-role="page" id="index">
<div data-theme="a" data-role="header">
<h3>First Page</h3> <a href="#second" class="ui-btn-right">Next</a> </div>
<div data-role="content"> <a data-role="button" id="check-connection">Check internet connection</a> </div>
</div>
JQuery
$(document).on('pagebeforeshow', '#index', function() {
$(document).on('click', '#check-connection', function() {
var status = navigator.onLine ? 'online' : 'offline';
(alert(status));
});
});
См. JSFiddle.