• 締切済み

IEにおいてjqueryが動いてくれません

初めて投稿させていただきます。 只今、jqueryを使用してjavascriptを書いているのですが、firefoxでは正しく動作するのに、IEでは動作してくれないのです。是非この問題を解いてください。 私のやろうとしていることは、画面遷移をなくしてコンテンツ部分の情報を変えていきたいと思っているのですが、コンテンツ部分は別ファイルにて記述し、インデックスページから$(～).load(～)や、$.get(～)を使用して呼び出しているのです。 呼び出すファイルはphpで、その中にはphpとjavascript、コンテンツ部分のhtmlが記述されています。 firefoxでそれを動作させたところ、phpもjavascriptもhtmlも問題なく動作してくれるのですが、IEで動作させたところ、どうやらjavascriptが動いていない模様なのです。 IEの場合、$(～).load(～)で呼び出すと、javascriptは解釈してくれないのでしょうか？ご回答よろしくお願いいたします。

みんなの回答

  • mtaka2
  • ベストアンサー率73% (867/1179)
回答No.2

> $(function(){部分でエラーが出ている jquery のファイル読み込みに失敗しているとか、その部分より前の所で、なんらかの問題のある記述があるのでしょう。 それ以上は具体的なコードを見ないとなんとも言えません。

  • mtaka2
  • ベストアンサー率73% (867/1179)
回答No.1

IEでも jQuery の .load は使えます。 おそらくJavaScriptコードのそれ以外の部分にエラーがあって、それで JavaScript の解釈実行そのものが止まってるんだと思われます。 ステータスバーに「ページでエラーが発生しました」とか表示されていませんか? 表示されているなら、そこをダブルクリックすれば、どこでエラーが出ているかわかります。 エラー表示が無いいとしたら… とりあえず、Comanion.JS などのデバッガを入れて、どの段階で動作が止まってるのか調査することをおすすめします。 (

cplus09
質問者

補足

お返事ありがとうございます。 早速Comanion.JSを入れてみました。すると確かにエラーが出ているようなのですが、「オブジェクトを指定してください」と$(function(){部分でエラーが出ているのです。それを消すと次の行で同じエラーが出てエラーがとれません。 呼び出すコンテンツでjqueryが適用されていないのでしょうか？ jqueryの宣言はインデックスのheadで宣言しているのですが...

  1. カテゴリ
  2. [技術者向] コンピューター
  3. プログラミング・開発
  4. JavaScript

関連するQ&A

  • JQueryでのAJAXで困ってます

    最近AJAXを勉強しようと思い、JQueryに手を出しました。 JQueryで画面遷移無しでdivで作ったメニューを選択して内容を指定したdivに表示させようと思っているのですが、 JQueryでのloadの動作がブラウザの違いで異なる動きをするので困ってます。 IEでは内容が表示されて、新しく表示した部分のJavaScriptが正しく動くのでいいのですが、 Firefox、Operaでは新しく表示した部分のJavaScriptが動作しません。 Chromeでは新しく表示した部分のCSSでさえ適用されません。 IE以外でも正しく動作させるにはどうしたらいいでしょうか？ ご回答、よろしくお願いします。

    • ベストアンサー
    • AJAX
  • IEでのjQuery の実装について

    教えてください。 現在、jQuery の jqplot を利用してグラフの表示を検討しております。 HTML（ブラウザ：IE,chrome）での表示は問題なく行われますが、 HTMLをASPファイル内に組み込んでページを表示させようとすると chromeでは問題なくグラフが表示されますが、IEではエラーが発生します。 IEでも動作するようにするためのアドバイスをお願いします。 以下、ロジックです。 <!-- jQuery グラフ表示部 ここから --> <script language="javascript" type="text/javascript" src="../jQuery/jquery-1.9.0.min.js"></script> <!--[if lt IE 9]> <script language="javascript" type="text/javascript" src="../jQuery/excanvas.min.js"></script> <![endif]--> <script language="javascript" type="text/javascript" src="../jQuery/jquery.jqplot.min.js"></script> <script language="javascript" type="text/javascript" src="../jQuery/jqplot.barRenderer.min.js"></script> <script language="javascript" type="text/javascript" src="../jQuery/jqplot.categoryAxisRenderer.min.js"></script> <link rel="stylesheet" type="text/css" href="../jQuery/jquery.jqplot.min.css" /> <script> jQuery( function() { jQuery . jqplot( 'jqPlot-sample', [ [ [ '4月', 65 ], [ '5月', 72 ], [ '6月', 74 ], [ '7月', 63 ], [ '8月', 85 ], [ '9月', 90 ] ] ], { animate: true, seriesDefaults: { renderer: jQuery . jqplot . BarRenderer, }, axes: { xaxis: { renderer: jQuery . jqplot . CategoryAxisRenderer, } } } ); } ); </script> <!-- jQueryグラフ表示部 ここまで --> html部分 <div id="jqPlot-sample" style="height: 300px; width: 300px;"></div>

  • jqueryにて

    こちらではお初にお世話になります。 よろしくおねがいします！ さて、jqueryを用いてScrollFollowを実装中なのですが、 正常に動作させることが出来ません。 ソースは <script type="text/javascript" src="./jslib/ui.core.js"></script> <script type="text/javascript" src="./jslib/jquery-1.2.6.js"></script> <script type="text/javascript" src="./jslib/jquery.scrollfollow.js"></script> <script type="text/javascript" src="./jslib/jquery.easing.1.3.js"></script> <script type="text/javascript" src="./jslib/jquery.cookie.js"></script> <script type="text/javascript"> $( document ).ready( function (){ $('test').scrollFollow({ }); }); </script> をヘッド部分に、 <div id="test"> コンテンツ </div> をBODYに記述しています。 動作せずにFirefoxのエラーコンソールで確認したところ エラー: jQuery is not defined ソースファイル: （省略）update/jslib/ui.core.js 行: 238 エラー: $("test").scrollFollow is not a function ソースファイル: http://contest2009.thinkquest.jp/tqj2009/110392/update/ 行: 13 と表示されました。jsファイルの生存は確認できており、 その系統のミスではないと思うのですが。。。 どなたかアドバイスをお願いします！

  • JQueryがChromeで動くがＩＥで動かない

    JQueryで書いた単純なJavaScriptが ＩＥで動かず困っています。 Firefoxでも動いており F12のデバッガを使ったとき、 Chromeと、Firefoxはデバッグポイントでストップするのですが、 ＩＥだけ、そもそもFunctionの中に入ってきません。 $(function(){ //do something }); ちなみに、documentのreadyや、ドロップダウンリストボックスのchangeのイベントです。 お知恵をお借りできませんでしょうか？ 宜しくお願い致します。

  • サーバー上でJqueryが使用できない

    サーバー上でJqueryが使用できない jQueryを使用して、htmlに外部txtファイルの内容を表示しようとしています。 ローカル上では正常に動作するのですが、サーバーにアップしてみてみると、 javascriptのエラーが発生してし、txtの内容が表示されません。 ※IE8で確認したところエラー詳細は「オブジェクトを指定してください」 ※IE8とFireFoxで確認し、ともに表示されない。 原因として何が考えられるでしょうか？ ちなみにソースは以下の様な感じです。 (txtファイルはhtmlと同階層に置いてあります) <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ja" lang="ja"> <head> <script type="text/javascript" src="./js/jquery.js" ></script> <script language="JavaScript"><!-- function setNews(){ $("#news").load("news.txt"); } //--></script> </head> <body class="top_body" bgcolor="#000000" onload="setNews();"> <p id="news" class="news"></p> </body> </html>

  • JQueryでのloadの動作がFirefoxで動かなくて困っています

    JQueryでのloadの動作がFirefoxで動かなくて困っています。 サイトのheaderとfooterを外部htmlにして、JQueryのloadで呼び出し指定のdivに出力するようにしたいのですが、IEでは上手くいきましたが、FFでは全く動きません。 $(document).ready(function(){ $("#header").load("../js/header.html #header"); $("#footer").load("../js/footer.html #footer"); });

  • wordpress ＋　jqery　＋　IE8

    wordpress jquery ie8 --- wordpressを使い、ブログを管理しています。 wordpressに、jqueryを導入しました。 導入した、jqueryは、これ。 ・wp-jquery-lightbox --- ブラウザは、Opera・オペラ バージョン11.00 を使用しています。 Operaでは、jqueryが、効く・有効なのです。 他、firefox・Chromeでも、jqueryは、有効です。ちゃんと、動いてくれます。 けれど、IE8で確認すると、jqueryは、上手く、動きません。 そこで、別のサイトに、新たにhtmlサイトを作り、 IE8で、jqueryの動作をテスト・確認すると、 jqueryは、動いてくれました。 けれど、IE8で、wordpressのサイトの、jqueryを確認すると、 動いてくれません。 wordpress　+　jquery +　IE8　→jqueryは、動かない・見れない。 通常の、javascriptは、動く。何故か、jqueryは、動かない。 の組み合わせの時に、見れない、動作しない様です。 htmlだけ　+　jquery +　IE8 　→jqueryは、動く・見れる。 では、動作します。 --- wordpress　+　jquery の組み合わせの時は、「jquery」は、 Opera・firefox・chromeは、見れる。IEは、見れない・動かない。 動かないのは、jqueryのプログラムだけで、通常の閲覧は可能です。 けれど、単なる、html　＋　jquery の時は、動く。 どうすると、 「wordpress ＋　jqery」　を、　「IE8・IE系」でも、「動く・見れる」様に出来るのでしょうか。 ご教授下さい。 よろしくお願いします。

  • javascriptとjQueryについて

    javascriptの基礎部分を学びその後、jQueryを学習しました。 ある程度jQueryはできるようになりました。 しかしjQueryはjavascriptのライブラリでjavascriptを簡単に書けるということなのでjavascriptも深いところまで学習すべきか迷っています。 jQueryを学習したのならjavascriptは深いところまでしなくてもいいのでしょうか？ やはり使用用途で学習するべきとか変わってくるものなのでしょうか？ もし変わってくる場合、こういうことがしたいならjQueryではできないからjavascriptも学習すべきなど簡単な例など出せれたらよろしくお願いします。 現在はPHPとmySQLを学習しています。 質問文が下手で伝わりにくいかもしれないですがよろしくお願いします。

  • Jquery.PHPファイルのechoが表示されない

    初めまして、Jqueryのloadについて教えてください。 環境は、vista,eclipse3.5 ,php5.0 JQuery1.4.2,xmapp,IE8です ファイルはすべて同じ階層にあります。 PHPファイル単体で表示させると、 正常にecho内'aaa'が表示されるのですが、 JQUERYを介してみると、 phpファイルの内部echo'aaa'が表示されません。。。 <?php ?>から外しhtmlであればloadすることはできます。 どなたか改善策ご存じでしたら、よろしくお願いしたします。 <!--html--> <html><head> <script type="text/javascript" src="jquery.js"></script> <script type="text/javascript" src="text.js"></script> <title></title></head> <body> <li><a href="javascript:changetext()">リンク</a></li> <div id="box">ここに表示</div> </body> </html> //text.js function changetext() {$("#box").load("testo.php");} //testo.php <?php echo 'aaa'; ?>

  • jQuery.jsを使ったhtml外部読み込み方法

    JavaScript超初心者です。 何卒ご協力の程よろしくお願い致します！！ タイトルの通り、jQuery.jsを使ってページのある部分に外部htmlファイルを読み込みたいと考えています。 以下のページを参考にやってみましたが上手くいきません。 http://blog.sugulab.com/?p=14 やってみたのは下記のような作業です。 まず、下記サイトより「jquery-1.9.1.min.js」ファイルをダウンロードし、「js」というフォルダに「jquery.js」として保存しました。 http://jquery.com/download/ 次に参照ページにならってhead要素内に下記のように記述しました。 <script type="text/javascript" src="js/jquery.js"></script> <script type="text/javascript"> <!– $(function(){ $("#leftcontent").load("shopmenu.html"); }); // –> </script> body要素内には<div id="leftcontent"></div>と記述しています。 このleftcontentの部分に、同じ階層にある「shopmenu.html」を表示させたいのですが、何も表示されず困っています。 PHP等の知識は一切ない為、これでいけそうなら頑張りたいのですが・・・ ド素人の為、見当違いのご質問でしたらご容赦ください。 どなたかご教示、アドバイスの程よろしくお願い申し上げます！！m(*u_u*)m

注目のQ&A

カテゴリ

専門家に質問してみよう

職業から探して質問する

あなたにピッタリな商品が見つかる！ OKWAVEセレクト

質問する