2010年12月22日 07:18

Opera 11.00だとjQuery 1.4.2が動かない

スポンサードリンク

おとといWebブラウザをOpera 10からOpera 11にバージョンアップしました。

そしたら、平凡なjQueryの$(document).ready（ $(function(){...}); ）が動かない。

下のコードはOpera 10だと動くが、Opera 11.00だと動かない。

<html>
  <!-- このコードはOpera 11.00だと動きません -->
  <head>
    <script type="text/javascript"
      src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js">
    </script>
    <script type="text/javascript">
    // <![CDATA[
    $( function() {
      alert('hoge');
    });
    // ]]>
    </script>
  </head>
</html>

読み込むjQueryを1.4.3以降にしたら動きます。今なら1.4.4ですね。

上記のGoogleがホスティングしているjQueryを使う方法は、バージョンを指定して使う方法ですので、Googleのドキュメントにあるように、最新のjQueryを自動的に提供してくれる方法を使うのが吉。

Google Libraries API - Developer's Guide - Google Libraries API - Google Code [code.google.com]

<html>
  <head>
    <script type="text/javascript"
      src="http://www.google.com/jsapi"></script>
    <script type="text/javascript">
    // <![CDATA[
    google.load('jquery', '1.4');
    // ]]>
    </script>
    <script type="text/javascript">
    // <![CDATA[
    $( function() {
      alert('hoge');
    });
    // ]]>
    </script>
  </head>
</html>

これでjQueryの1.4系の最新バージョンを使うことになります。

横着して、

<html>
  <!-- このコードは動きません -->
  <head>
    <script type="text/javascript"
      src="http://www.google.com/jsapi"></script>
    <script type="text/javascript">
    // <![CDATA[
    google.load('jquery', '1.4');
    $( function() {
      alert('hoge');
    });
    // ]]>
    </script>
  </head>
</html>

と書くと動きません。

でも、今まで動いていたライブラリがブラウザのバージョンアップで動かなくなるってあんまり思わないし、jQueryのバージョンアップで他のjQueryプラグインの動作がおかしくなりそうでもあるから悩むところですよね。

2010.12.22 07:18 投稿　大野義貴 [Web] | 固定リンク |