質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

ただいまの
回答率

87.49%

jqueryでサンプルどおりの挙動にならない

解決済

回答 2

投稿

  • 評価
  • クリップ 0
  • VIEW 1,235

score 1088

http://semooh.jp/jquery/api/effects/show/speed%2C+%5Bcallback%5D/のソースを貼り付けて挙動を確認したかったのですが、ボタンを押しても、何も起こりません。

修正箇所を教えてください。

■index.php

  1 <html>              
  2 <head>                                                       
  3 <title>form</title>
  4                                                              
  5 <script type="http://code.googleapis.com/jquery-1.10.1.min.js"></script>
  6 
  7 <script type="text/javascript">
  8 $(function(){
  9                 $("button").click(function () {
 10                         $("p").show("slow");
 11                         });
 12                 }
 13                 </script>                 
 14 
 15                 </head>              
 16                 <body>
 17                 <button>Show it</button>
 18                 <p style="display: none">Hello</p>
 19                 <p>本の種類</p>
 20                 <p>
 21                 <form name="form1" method="post" action="./Class/Product.php">
 22                 <input type="text" name="book">
 23                 </p>                   
 24                 <select name="select">
 25                 <option>選択してください</option>
 26                 <option value="tech">技術書</option>
 27                 <option value="comic">まんが</option>
 28                 <option value="magazine">雑誌</option>
 29 </select>
 30 </p>            
 31 <input type="submit" name="Submit" value="submit">           
 32 </form>                                                      
 33 </p>
 34 </body>                                                      
 35 </html>
  • 気になる質問をクリップする

    クリップした質問は、後からいつでもマイページで確認できます。

    またクリップした質問に回答があった際、通知やメールを受け取ることができます。

    クリップを取り消します

  • 良い質問の評価を上げる

    以下のような質問は評価を上げましょう

    • 質問内容が明確
    • 自分も答えを知りたい
    • 質問者以外のユーザにも役立つ

    評価が高い質問は、TOPページの「注目」タブのフィードに表示されやすくなります。

    質問の評価を上げたことを取り消します

  • 評価を下げられる数の上限に達しました

    評価を下げることができません

    • 1日5回まで評価を下げられます
    • 1日に1ユーザに対して2回まで評価を下げられます

    質問の評価を下げる

    teratailでは下記のような質問を「具体的に困っていることがない質問」、「サイトポリシーに違反する質問」と定義し、推奨していません。

    • プログラミングに関係のない質問
    • やってほしいことだけを記載した丸投げの質問
    • 問題・課題が含まれていない質問
    • 意図的に内容が抹消された質問
    • 過去に投稿した質問と同じ内容の質問
    • 広告と受け取られるような投稿

    評価が下がると、TOPページの「アクティブ」「注目」タブのフィードに表示されにくくなります。

    質問の評価を下げたことを取り消します

    この機能は開放されていません

    評価を下げる条件を満たしてません

    評価を下げる理由を選択してください

    詳細な説明はこちら

    上記に当てはまらず、質問内容が明確になっていない質問には「情報の追加・修正依頼」機能からコメントをしてください。

    質問の評価を下げる機能の利用条件

    この機能を利用するためには、以下の事項を行う必要があります。

回答 2

checkベストアンサー

0

下記URLが404でした、
URLをただしい物に置換すれば動くのでは?
 <script type="http://code.googleapis.com/jquery-1.10.1.min.js"></script> 

https://ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js とか

投稿

  • 回答の評価を上げる

    以下のような回答は評価を上げましょう

    • 正しい回答
    • わかりやすい回答
    • ためになる回答

    評価が高い回答ほどページの上位に表示されます。

  • 回答の評価を下げる

    下記のような回答は推奨されていません。

    • 間違っている回答
    • 質問の回答になっていない投稿
    • スパムや攻撃的な表現を用いた投稿

    評価を下げる際はその理由を明確に伝え、適切な回答に修正してもらいましょう。

0

カッコが抜けてる。そして、表示させたい項目書くのそこじゃない。そして、スクリプトへのリンクは src、そして、htmlの構造が、、、行末に入ってる大量のスペースとか、丸めて屑籠に捨てたくなってきた。
JavaScript(jQueryしかり)整形文じゃないと動かんと思ってて。
ブラウザに、ぐちゃぐちゃ文書補完する機能あるけれど、使うなら理解してとことん使いこなしてほしい。
文書に関係ないshow/hideするだけために設けられた p とか言語道断。<p></p> = 段落

 show.js

jQuery(function(){ 
  jQuery( 'button' ).click(function () { 
    jQuery( 'p' ).show( 'slow' ); 
  }); 
}**);**

jQuery( function() {
  jQuery( 'p' ).hide();
});

 show.js

**<!DOCTYPE html>**
<html>
  <head>
    <title>form</title> 
    <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js"></script>
  </head>
  <body>
    <button>Show it</button>
    <p>Hello</p> 
    <p>本の種類</p>
      <form method="POST" action="./Class/Product.php"> 
        **<fieldset>**
          **<legend>本の種類</legend>**        
          <p><input type="text" name="book"></p>
          <p>
            <select name="select">
              <option value="non" selected="selected">選択してください</option>
              <option value="tech">技術書</option>
              <option value="comic">まんが</option>
              <option value="magazine">雑誌</option>
            </select> 
          </p>             
          <p><input type="submit" name="Submit" value="submit"></p>
         </fieldset>
       </form>
       **<script type="text/javascript" src="show.js"></script>**
    </body>                                                       
</html>

投稿

編集

  • 回答の評価を上げる

    以下のような回答は評価を上げましょう

    • 正しい回答
    • わかりやすい回答
    • ためになる回答

    評価が高い回答ほどページの上位に表示されます。

  • 回答の評価を下げる

    下記のような回答は推奨されていません。

    • 間違っている回答
    • 質問の回答になっていない投稿
    • スパムや攻撃的な表現を用いた投稿

    評価を下げる際はその理由を明確に伝え、適切な回答に修正してもらいましょう。

15分調べてもわからないことは、teratailで質問しよう!

  • ただいまの回答率 87.49%
  • 質問をまとめることで、思考を整理して素早く解決
  • テンプレート機能で、簡単に質問をまとめられる

関連した質問

同じタグがついた質問を見る