jQueryのjqFloat.jsが動きません。

###前提・実現したいこと
http://www.inwebson.com/jquery/jqfloat-js-a-floating-effect-with-jquery/ を試しに動かしたいなと思っています。

###発生している問題・エラーメッセージ

エラーメッセージは出てないですが、sampleの文字がただ表示されるだけです。

###該当のソースコード

<!DOCTYPE html>
<html>
    <head>
        <title>Home</title>
        <script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>

        <script src="jqfloat.min.js"></script>
    </head>
    <body>
        <script type="text/javascript">
        $(document).ready(function() {
            $('#sample').jqFloat({
                width: 100,
                height: 100,
                speed : 1500
            });
        });
        </script>
        <div id="sample">sample</div>
    </body>
</html>

###試したこと
おそらく、jQueryの読み込みがどこかおかしいのかと思われます。

###補足情報(言語/FW/ツール等のバージョンなど)
html, jQuery

kei344

2016/06/21 12:21

まだ質問が「受付中」になっていますが、いったん「解決済」にされてはいかがでしょうか。

退会済みユーザー

2016/06/21 13:20

了解です。

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

回答1件

ベストアンサー

ローカルで実行してませんか？
ブラウザから file:// で始まるようなアドレスで動かすと
src="//～はうまく動きません

投稿2016/06/21 07:36

退会済みユーザー

総合スコア0

退会済みユーザー

2016/06/21 08:22

ご回答ありがとうございます。 file://で始まっていたため、noricyan2さんのご指摘通りだと思われます！原因がわかったのでよかったです。ただ、ローカル環境でjQueryを使うことはできないのでしょうか？また、ローカルではない環境にするにはサーバーを借りなければならないのでしょうか？初心者で知識が浅くて申し訳ないのですが、よろしければお返事を頂けると幸いです。

退会済みユーザー

2016/06/21 08:23

退会済みユーザー

2016/06/21 08:37

変えてみましたが、動きませんでした。他に変える余地のある記述はあるでしょうか？

退会済みユーザー

2016/06/21 09:04

こちらで動作を確認する際に変更したのはその部分だけです jqfloat.min.jsがないとか　そういうことはないですよね？

退会済みユーザー

2016/06/21 09:14

jqfloat.min.js は読み取らせています。

退会済みユーザー