- ベストアンサー
jqueryでページ作成に関するエラーが発生｜参考サイトを参考にサンプル作成｜IEでエラーメッセージ表示
- jqueryを使用してページを作成した際に、IEでエラーメッセージが表示される問題が発生しています。参考サイトを元にサンプルを作成したものの、エラーが発生しています。
- 該当の参考サイトは以下のURLです：[http://www.syboos.jp/webjs/doc/images-auto-slide-by-jquery-js.html](http://www.syboos.jp/webjs/doc/images-auto-slide-by-jquery-js.html)
- また、作成したHTMLコードにおいて、<a>タグのクラスとhref属性の値が不正な形式で表示されています。
- chia2006
- お礼率88% (22/25)
- JavaScript
- 回答数2
- ありがとう数10
- みんなの回答 （2）
- 専門家の回答
質問者が選んだベストアンサー
その他の回答 (1)
- think49
- ベストアンサー率59% (285/482)
エラーメッセージに行数まで表示してくれているんだから、16行目を読みましょうよｗ Firebugだとこんな感じ。 -------- autoChangeImage is not defined http://chisapi.takeoff-agp.com/jQuery/sample02/sample03.html Line 16 -------- autoChangeImage が未定義です。 autoChangeImage() という関数を定義するか、別の関数を指定してください。 > あと、HTMLコードが <a class="" href="">2</a> ←こうなってしまうのは、仕方ないのでしょうか？ 明らかに正しくないので、修正してください。 http://openlab.ring.gr.jp/k16/htmllint/htmllint.html
補足
think49様、早速のご回答有難うございます！！ javascriptは初心者なものなので、どこをどう直したらいいのか分からずでした＾＾； Line16のエラーはお陰様で直りました！有難うございます＾＾ HTMLコードもlistに変えてcss,javaの部分も変え修正しました（アップしてるサンプルには反映されていませんが） この部分もクリアです！ 「FireBug」をインストールしてみたのですが、 「'return' ステートメントが関数の外側にあります。」 のエラーだけは、分かりませんＴＴ 最初に開いた時はエラーは出ないのですが、ボタンをクリックして他の画像にした時にこのエラーが出てしまいます。 「$(".opBtn a").attr("href","javascript:return false;"); 」 この箇所がダメなんでしょうか？ 頼ってばかりで申し訳ございませんが、このエラーだけ最後に教えて下さい。 宜しく御願い致します。
関連するQ&A
- jQueryでサンプルと同じ結果が出ない
現在、ASCIIの「Web制作の現場で使えるjQuery UIデザイン入門」というサイトを参考にjQueryの学習をしているのですが、その中の「jQueryによるフォームのデザインの基礎（前編）のサンプル8」（http://ascii.jp/elem/000/000/452/452106/index-3.html）でサンプルと同じ結果がでません。 現在私が利用しているjQueryのバージョンが1.7.1で、このサイトで利用されているバージョンが1.3.2なのですが、サンプルをダウンロードしバージョンを1.7.1にするとサイト内に記述してあるような結果が出ないので、バージョンによる違いかと考えているのですが、jQueryを学び始めて間もないということと、IEだとサンプル通りの結果が出る（普段はFireFoxを使っています）ので、原因が特定できません。 どなたか、原因が分かる方がいらっしゃいましたら、ご返答お願いいたします。
- ベストアンサー
- JavaScript
- 複雑なjQuery
このサイトはjQueryを使用していると思いますが、色々な要素が入ってます。 どのようなサンプルを使用しているのか分かる方教えてください。 １．ロゴがばらばらにフェードインします。 ２．下から上にページがスクロール（最初はスピードが速くて、最後は遅くスクロール）して トップページが表示されます。 ３．ロールオーバー（回転）でメニューボタンが変化してます。 ４．背景が何層かになっています。 ５．ビデオの埋め込み jQueryは初めてなので初心者です。 このサイトはとてもカッコいいです。 このようなサンプルデータが書かれている参考サイトを教えてください。 サンプルデータをダウンロードしたいです。 クリスチャン ダダのサイト http://www.christiandada.jp/
- ベストアンサー
- その他([技術者向] コンピューター)
- jQueryの関数内の変数について教えてください
jQueryで外部の関数の中にある変数の値の取得方法について教えてください。 文法等全く分かっていない、初心者で大変恐縮しております。 外部にある変数の値を取得し、その値を必要な変数に代入したいと思っております。 下記に大まかなコードを記述いたしました。 サイトを開いた時に「mLivre」を実行し、リサイズ処理をした時に もう一度「mLivre」を実行しております。 「var mLivre」内にある数値を、「jQuery(window).resize」の中の 「 jQuery.fn.mLivre」の中にある変数に代入しようと思っております。 私のやりたいことは、「mLivre」というプラグイン（下記※参考サイト）を レスポンシブにしたいと思っております。 「mLivre」は画像を本の様にめくってくれるスクリプトです。 下記のコードの流れで、ブラウザサイズに合わせて表示の大きさを 変えることができましたが、リサイズするごとに初期化され ページが１ページ目からになってしまうので、 リサイズ後も変わらないページで表示させたいと思っております。 ※参考サイト http://coliss.com/articles/build-websites/operation/javascript/jquery-plugin-mlivre.html 全くの初心者で大変恐縮しておりますが、 ご享受いただけたらと思います。 また、記述についてもご指摘いらだけたら幸いです。 宜しくお願いいたします。 -------ソースコード---------- //実行外部ファイル jQuery('#slide').mLivre({ }); //コアファイル (function(jQuery) { jQuery.fn.mLivre = function(options,num) { }; jQuery(window).resize(function(){ var mLivre={ //ここにある変数の値を取得してリサイズ内の jQuery.fn.mLivreに渡したい。 } jQuery.fn.mLivre = function(options,num) { //この中の変数に代入したい }; jQuery('#slide').mLivre({ //リサイズ後の実行部 }) ; }); })(jQuery); var mLivre={ //ここにある変数の値を取得してリサイズ内の jQuery.fn.mLivreに渡したい。 }
- ベストアンサー
- JavaScript
- jquerymobileのページ遷移のような遷移
いつもお世話になっております。 jquerymobileのページ遷移のような遷移を行いたいのですが、 イメージ（スライドはしなくても可） URL：http://billboardtop100.net/jquery_mobile/slide/slide.html 流れとしては、ページローディングしている最中、画面がオーバーレイしながら、 ローディングのアニメーション画像を表示し、 ロードが完了したら、スライドしてURL先へリンクする というイメージなのですが（スライドはしなくても可） ajaxとかそういう技術を使わないと、スムーズに遷移しないのでしょうか、、 以下に作ってみたサンプルを記載しますが、 単純にオーバーレイしてからリンク先へアクセスしているので、 読み込みも遅くなりますし、以下のコードだと、ロードの画像が真ん中にきません、、 そして画像を隠す動作が一瞬ちらついてしまいます、、、 html <div id="shade"><img src="/img/ajax-loader.gif" alt="ローディング中"></div> <section data-role="content"> <ul data-role="listview"> <li><a href="/aboutus.html" data-transition="slide">hoge</a></li> <li><a href="sample.html" data-transition="slide">hoge2</a></li> <li><a href="sample.html" data-transition="slide">hoge3</a></li> </ul> </section> js jQuery(function(jQuery){ jQuery("#shade").css({ opacity: '0.6', display: 'none', position: 'absolute', top: '0', width: '100%', height: '100%', background: '#000', zIndex: '1' }); jQuery("a[href]").click(function(e){ link = jQuery(this).attr("href"); if (!link.match(/#/i)) { e.preventDefault(); jQuery("#shade").css('display', 'block'); } }); }); カッコいいページ遷移がしたいです。。 是非ご教授下さい。 どうぞよろしくお願いします
- 締切済み
- JavaScript
- jQuery Mobileでのページ遷移、挙動
jQuery Mobileを使ってスマートフォン用のサイトを作成しています。 ページ遷移時の挙動が直せなくて困っています。 1つのHTML内に複数のページを作るやり方ではなくて、 リンクには rel='external' フォームには data-ajax='false' をつけて、 Ajaxでのページ遷移を行わないようにしているつもりです。 で、おかしな挙動なのですが、 1.AのページからリンクをクリックしてBのページを表示する。 2.ブラウザの戻る機能でAのページに戻る 3.再びリンクをクリックしてBのページを表示する。 このとき、Bのページが表示された後、「Loading」というメッセージが表示され、 Aのページを表示してしまいます。（AのページをAjaxで読み込んでいるか、 Bのページが何らかで非表示になっているように思えます） $.mobile.ajaxLinksEnabled = false; という設定も試してみたのですが、 特に変化はありませんでした。 この解決策を教えてください。 出来れば、jQuery Mobileのデザイン関連だけ使って、ページ遷移絡みは 使いたくないという気持ちです。
- 締切済み
- AJAX
- jQuery Mobileでページ数を多くする場合
jQuery Mobileでサイトを構築しようとしています。 jQuery Mobileの場合、ひとつのindex.phpに全てのページを書きいれ、a href=#13 a href=#453などのようにして飛ばす仕組みになっています。 例えば500ページのサイトになると、index.phpがMB単位になってしまい、これでは、重くてトップページの読み込みが鈍重になってしまうと考えます。 このような場合、やはり、 *data-ajax=“false” ,などを使って通常のHTMLのように複数にページ立てするのが適切なのでしょうか? それとも、jQuery Mobileの場合、「読み込みが#ページ単位になっているため、ページ数が500ページあったとしても各ページは軽い」というようなことがあるのでしょうか? 宜しくお願い致します。
- ベストアンサー
- AJAX
- jQuery Mobile
jQuery Mobileでは１つのHTMLファイルに複数ページを記述するようですが テキストボックスに記載した文字を別のページに表示するにはどのようにするのでしょうか
- ベストアンサー
- AJAX
- jqueryのエラー表示
お世話になります。 当方の運営サイトで下記のようなエラーが連続20個ほど必ず出ます。 jqueryの内容に問題があるかのように見えるのですが、それならjqueryを利用しているサイトのすべてで出ることになりますよね・・ 一体どのあたりをデバッグしていけばよろしいでしょうか。 ご教示いただけると助かります。 メッセージ: 'length' は Null またはオブジェクトではありません。 ライン: 2 文字: 14265 コード: 0 URI: http://xxxxxxxxxxxxxx/js/jquery-1.8.2.min.js よろしくお願いいたします。
- ベストアンサー
- JavaScript
- jQueryサンプル紹介サイトの利用
jQueryのソースコードを紹介しているサイトで そこに記載されているものを利用したいと考えています。 再配布などではなく、単純に企業サイトでの利用です。 利用規約や著作権表示などがない場合、 またサイトの所有者に連絡する方法がない場合 どのように判断すればよいと思いますか？
- ベストアンサー
- JavaScript
- jQueryについて
ど素人の質問で申し訳ありません。 jQueryを使うにはどうすればよいのでしょうか？ jQuery公式サイトでダウンロードすると、ものすごいコードが書かれたページにいきます。 jQueryの読み込みとはどういうことでしょうか？ どなた様かど素人でも分かるように一から教えてください！ よろしくお願いいたします。
- ベストアンサー
- JavaScript
お礼
度々申し訳ございません！ 検索はかけたのですが、私が無知すぎるせいか直せませんでした・・・。 今回javaでこのようなのを早急に作ってくれと言われ、勉強せず作ったので混乱が生じました。 本も注文したので、終ったらきちんと読んで勉強しようと思ってます＾＾ 取り急ぎ作製だけしたかったもので、、、。 色々と参考サイト有難うございます！ 画像のURLをhref属性値に変更します。 大変助かりました、有難うございました＾＾