jqueryの外部ファイル化について教えて下さい。


自分で作成したjqueryのスクリプトを外部ファイル化して圧縮したいと考えています。
その際に引数も戻り値も無いようなスクリプトの場合どのようにjsファイルを作成し
どのようにしてメイン側で呼び出せばよろしいでしょうか?

http://jsfiddle.net/gQ5bg/

具体的には上記で記載しているようなスクリプトを外部ファイル化し
メインのサイトで以下のように呼び出したいと考えています。

<script type="text/javascript" src="xx.js"></script>
$(function(){
 ※ここに呼び出し※
});

質問の中で不明な点がございましたらコメント頂けると助かります。
以上大変お手数お掛け致しますがよろしくお願いいたします。

回答の条件
  • 1人5回まで
  • 13歳以上
  • 登録:2013/09/26 17:23:24
  • 終了:2013/09/26 17:47:00

ベストアンサー

id:a-kuma3 No.1

a-kuma3回答回数4440ベストアンサー獲得回数18242013/09/26 17:37:43

ポイント200pt

外部ファイルに以下のように書いておけば、

$(function() {
    // 呼び出される処理
    ...
});

<script type="text/javascript" src="xx.js"></script>

で、HTML 側に処理の呼び出しを明示的に書かなくても、xx.js の読み込みが完了したときに、処理が呼び出されます。

id:hossiiii

a-kuma3さん
いつもお世話になっております。
今回も早急なご回答ありがとうこざいました。
試してみたら出来ました!ありがとうございます。
早いですが、解決致しましたので質問を閉じたいと思います

今後ともよろしくお願いいたします。

2013/09/26 17:46:44
id:hossiiii

a-kuma3さん

度々申し訳ありません。
実際に本番用のコードで試した所うまくいかず
色々と調べてみたところ、外部ファイルにしたjsで
別の外部ファイルjsにアクセスしようとしてエラーになっているように
見受けられました。

外部ファイルのjsから別のjsを呼び出して使うような
やり方は存在しますか?

既に質問を閉じた後で申し訳ありません。
必要であれば改めて質問を登録しますのでよろしくお願いいたします。

2013/09/26 19:51:21
  • id:Lhankor_Mhy
    >外部ファイルのjsから別のjsを呼び出して使うような
    >やり方は存在しますか?
     
     BAが出ているのでコメント欄に。
     jQueryなら簡単なんですが。
    [http://api.jquery.com/jQuery.getScript/:title]
     
     ライブラリなしでやるならこんな感じで。
    >||
    (function()
    {
      var sc = document.createElement('script');
      url = 'hoge.js' + '?=' + (new Date()).toString();
      sc.setAttribute("type","text/javascript");
      sc.setAttribute("charset","UTF-8");
      sc.setAttribute("src", url );
      document.getElementsByTagName('head')[0].appendChild(sc);
    })();
    (function()
    {
    window.attachEvent(
      'onload',
      function() {
        function hoge_wait() {
          if(typeof boot == 'undefined') { window.setTimeout(function(){hoge_wait()},100); }
          else { hoge_init(callback); }
        }
        hoge_wait();
      });
    })();
    ||<
     で、hoge.jsはこんな感じに書いておく。
    >||
    function hoge_init(callback){
      // いろいろ処理
      callback(data);
    }
    ||<
  • id:Lhankor_Mhy
    うむ。おもっきりはてな記法で書いてしまった。
  • id:Lhankor_Mhy
    あ、さらにごめんなさい。onloadイベントで走らせる必要はないです。
    自分で使ってるコードスニペットをコピペしたもので、うっかりしてました。
  • id:hossiiii
    Lhankor_Mhyさん
    質問終わった後にも関わらず回答ありがとうございます。
    教えて頂いた前者の方で実現したい事が出来ました。
    非常に助かりました。

    せっかく教えて頂いたのにポイントをお渡しする事ができず申し訳ありません。。。
  • id:a-kuma3
    おっと、ネットから離れているうちに、意外な展開に。

    >せっかく教えて頂いたのにポイントをお渡しする事ができず申し訳ありません。。。
    大丈夫。
    ぼくから送っておきます。
  • id:hossiiii
    a-kuma3さん
    後からで申し訳ありませんでした。

    >ぼくから送っておきます。
    ありがとうございます。宜しくお願いいたします。
  • id:Lhankor_Mhy
    えー、おまけみたいな部分でしたし、お気づかい無用でしたのに。
    でも、ありがたく頂いておきます。
    返送するとまたはてなに5%取られちゃうし。

この質問への反応(ブックマークコメント)

「あの人に答えてほしい」「この質問はあの人が答えられそう」というときに、回答リクエストを送ってみてましょう。

これ以上回答リクエストを送信することはできません。制限について

絞り込み :
はてなココの「ともだち」を表示します。
回答リクエストを送信したユーザーはいません