buttonが消えてしまう

http://alphasis.info/2011/12/jquery-api-ajaxsuccess/

上のサイトのコードを貼り付けてファイルを作り、ブラウザ上で、実行すると、HTML上のボタンが消えてしまいます。

<head> 3 <script src="http://code.jquery.com/jquery-1.10.1.min.js"></script> 4 <script src='ajs.js'></script> 5 </head> 6 <div id="jquery-sample"> 7 <p> 8 <button id="jquery-sample-button">toggle</button> 9 <span id="jquery-sample-message"></span> 10 </p> 11 <div id="jquery-sample-get"></div> 12 </div>

↑ajs.html

同じくcss,js,phpもajsというファイル名にしました。

jsのソースでphpのファイル名のところはajs.phpに変えたのですが、うまくいきません。どのようにすれば、ボタン押下後、phpの値が表示されるでしょうか。

行動規範の内容に同意します

回答1件

実際に検証したわけではないのですが、とりあえずajs.htmlの不備を指摘させていただきますね。

１．<divなどの表示要素は<body>タグを作ってその中に全て記述する。
２．<head>タグ内でajs.cssが読み込まれていない

他、ajs.phpはブラウザが実行するものではなく、Webサーバーが実行するものなので、ローカルファイルとして置いても実行されません。
とりあえず動作を確認するだけでしたら、ajs.phpとしたところを、http://alphasis.info/library/javascript/jquery/api/sample/jquery-sample-get.phpとしてください。

投稿2015/03/19 07:25