HTML5、CSS3、jQuery Mobile、jQuery UI、ASP.NET、C#、およびいくつかの jQuery プラグインを使用して、調査用のこの単純なモバイル Web ページを作成しています。要件の 1 つは、デバイス (特に Android) がインターネットに接続されていないときにユーザーに通知するポップアップ/ダイアログ (javascript アラートまたは jQuery モバイル ダイアログ、または jQuery UI ダイアログの場合ははるかに優れている) を表示することです。現在、私はこのコードを持っています:
<link rel="stylesheet" href="../Scripts/jqueryui/jquery-ui.css" type="text/css" media="all" />
<link rel="stylesheet" href="../Scripts/jquery.mobile-1.1.0.css" />
<script src="../Scripts/jquery-1.7.1.js" type="text/javascript"></script>
<script src="../Scripts/jquery.mobile-1.1.0.js" type="text/javascript"></script>
<script src="../Scripts/jqueryui/jquery.min.js" type="text/javascript"></script>
<script src="../Scripts/jqueryui/jquery-ui.min.js" type="text/javascript"></script>
<script src="../Scripts/jquery.validate.js" type="text/javascript"></script>
<script type="text/javascript">
var online = window.navigator.onLine;
if (!online) {
alert('Please check your internet connection and try again.');
}
function checkInternet() {
var online = window.navigator.onLine;
if (!online) {
alert('Please check your internet connection and try again.');
}
}
</script>
次に、フォームの onsubmit イベントに JavaScript 関数を配置します。
<form id="frmSurvey" runat="server" class="validate" onsubmit="checkInternet()">
デスクトップ/PC ブラウザーで表示すると機能しますが、モバイルではまったく機能しません。jQuery Mobile のエラー読み込みページ。
これは、jQuery Mobile ファイルを微調整した要件ではないため、ページの読み込みエラーのメッセージ部分をコメントアウトしたため、表示されなくなりました。関連するトピックをグーグルで検索してみましたが、何も見つかりませんでした。
私はこれを可能にするのに本当に苦労しています。みんな助けてください！
前もって感謝します！