4

私には同様の互換性の問題を参照している人がたくさんいますが、彼らの問題の50％はStackOverflowで解決されています。私の質問が51-49になることを願っています:)

このコードを考えてみましょう：

<html>
<head>
  <title>Hello, world!</title>
  <link rel="stylesheet" href="http://code.jquery.com/mobile/1.2.0/jquery.mobile-1.2.0.min.css" />
  <link rel="stylesheet" href="http://code.jquery.com/ui/1.10.0/themes/base/jquery-ui.css" />
  <script src="http://code.jquery.com/jquery-1.8.2.min.js"></script>
  <script src="http://code.jquery.com/mobile/1.2.0/jquery.mobile-1.2.0.min.js"></script>
  <script src="http://code.jquery.com/ui/1.10.0/jquery-ui.js"></script>
</head>
<body>
  Hello
</body>
</html>

これをWebページにロードすると、ブラウザの中央に灰色の円が表示され、「Hello」という単語は表示されません。Webコンソールに次のように表示されます。UncaughtTypeError ：オブジェクト0にメソッド'match'がありません（Chrome）またはTypeError：c.matchが関数ではありません（Firefox）またはSCRIPT438：オブジェクトがプロパティまたはメソッドをサポートしていません「一致」（IE）。

ページでjquery-uiとjquery-mobileの両方を一緒に使用するのは悪い考えですか、それとも私は何か間違ったことをしていますか？

4

1 に答える 1

9

関連するのは順序だけです。jUI の後に jQM をロードします。同じことが css ファイルにも当てはまります。

<!DOCTYPE html>
<html>
<head>
  <title>jQM Complex Demo</title>
  <meta name="viewport" content="width=device-width"/>
  <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>
    <div data-role="page" id="index">    
      Hello
    </div>
</body>
</html>

また、次のものが必要です。

<!DOCTYPE html>

これにより、ajax loader prom が次のように表示されなくなります。

<div data-role="page" id="index">    
    Hello
</div>
于 2013-01-29T08:34:33.400 に答える