0

デスクトップ、タブレット、モバイル デバイスの両方で動作する html5 アプリケーションに取り組んでいます。プログレス バーとダイアログ ボックスの使用に関して行き詰まっています。プログレスバーとダイアログポップアップを使用するためのUIは、2つを一緒に使用するとうまく機能しないことに気付いたときです。これは、2 つのプラグインの効果のサンプル コードです。

<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>dialogbox demo</title>
    <link rel="stylesheet" href="http://code.jquery.com/ui/1.10.0/themes/base/jquery-ui.css" />   
     <link rel="stylesheet" href="http://code.jquery.com/mobile/1.2.0/jquery.mobile-1.2.0.min.css" />
     <script src="http://code.jquery.com/jquery-1.8.2.min.js"></script>
     <script src="http://code.jquery.com/ui/1.10.0/jquery-ui.js"></script>  
     <script src="http://code.jquery.com/mobile/1.2.0/jquery.mobile-1.2.0.min.js"></script> 

</head>
<body>        
<script>
    $(document).ready(function () {
        $().lowStorageSpace();
    });

        $.fn.lowStorageSpace = function () {
            $('<div></div>').appendTo('body')
          .html('<div><h5>You are running out of space.backup or sync data before you proceed!!</h5></div>')
          .dialog({
              modal: true, title: 'Low storage space!!', zIndex: 10000, autoOpen: true,
              width: 'auto', resizable: true,
              buttons: {
                  Sync: function () {
                      //sync();
                      $(this).dialog("close");
                  },
                  Backup: function () {
                      // backup();
                      $(this).dialog("close");
                  },
                  Cancel: function () {
                      //cancel();
                      $(this).dialog("close");
                  }
              },
              close: function (event, ui) {
                  $(this).remove();
              }
          });

        }

</script>
</body>
</html>

上記のコードは、jquery.mobile-1.2.0.min.js をコメントアウトするとうまく機能します。しかし、私は完全なアプリでもそれが本当に必要です。この2つをどのように使用できるかについての助けをいただければ幸いです。私は多くの同様の質問を見てきましたが、前もって私の問題を解決していません。

4

1 に答える 1

0

これは私が同意する競合です。jquery ui と jquery mobile のすべての例の中で、同じスクリプトで 2 つを使用できることを示すコードは見たことがありません。UI 用とモバイル用の 2 つの異なるスクリプトを使用します。そうすれば、ここで競合が発生することはありません。

于 2013-08-07T06:16:57.473 に答える