none
jquery mobile実装について RRS feed

  • 質問

  • 下記のコードはローカルIISにUPするまではjquery.mobile-1.0.1.min.js等のjavascriptが実装できておりアニメーション等が上手くいっているのですが、ローカルIISで起動すると同時に実装できず単なるHTMLのサイトになり、スワイプ等の機能が使えすにいます。
    ローカル同様javaを実装させるにはどこが誤っているのでしょうか? 宜しくお願いします。

    <% @ Page Language="VB" AutoEventWireup="false" CodeFile="Default.aspx.vb" Inherits="_Default" %>

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

    <html>
    <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title> 13-3</title >
    <link rel="stylesheet" href="jquery.mobile-1.0.1.min.css" />
    <link rel="stylesheet" type="text/css" href="carousel.css">
    <script type="text/javascript" src="iscroll.js"></script >
    <script src="jquery-1.6.4.min.js"></script>
    <script type="text/javascript" src="carousel.js"></script >
    <script src="jquery.mobile-1.0.1.min.js"></script>
    </head>
    <body>
    <div id="CarouselPage" data-role="page" data-theme="b">
      <div data-role="header">
        <h1> カJル?ー[セZル? </h1>
      </div >
      <!-- /header -->
     
      <div id="CarouselSpace">
        <div id="wrapper">
          <div id="scroller">
            <ul id="thelist">
              <li>< strong>1. </strong> jQuery MobileとAiScroll4をd組gみY合?わiせ1た?カJル?ー[セZル?でAす・E。B右Eかcらc左・・にEフtリ?ッbクNす・EるeとA次?のIコRン?テeン?ツcがa表\uinput2示|さ3れeまUす・E。B1〜7まUでAのIコRン?テeン?ツcがaサTン?プvル?とAし・ハてAあ?りeまUす・E。B </li>
              <li>< strong>2. </strong> jQuery MobileのI描`画a後a、AiScrollオIブuジWェFクNトgをd生・・成・ハし・ハまUす・E。BカJル?ー[セZル?スXタ^イCル?はIiScrollのIカJル?ー[セZル?サTン?プvル?をd適K用pし・ハてAい・・まUす・E。B </li>
              <li>< strong>3. </strong> こ・
    2012年9月9日 4:05

回答

  • Firefoxなら、Firebugで確認してもFiddlerなどで確認してもいいとおもうので、実際にページロード時にJSやCSSをリクエストしているパスが正しいか確認してみてください。

    HTTPステータスは何になっていますか?

    • 回答としてマーク kirua77777 2012年9月17日 10:51
    2012年9月11日 6:20

すべての返信

  • IIS上に配置したときの各種jsファイルの位置等は大丈夫でしょうか?
    これだけの情報だと一番あやしいのは必要なjsファイルがダウンロードできず、うごいていない、というパターンかと思います。

    あおい情報システム株式会社 小野修司(どっとねっとふぁん)

    2012年9月10日 2:51
  • 返答して頂きありがとうございます。

    IIS上に配置したときの各種jsファイルの位置等は大丈夫でしょうか?

    上記のコードが記載されているaspxファイルのフォルダとIISにおけるフォルダは同じ物を参照しています。IISに上げると配置位置が変わるのでしょうか?

    IISに上げる前は正常にjsファイルは機能しています。

    宜しくお願いします

    2012年9月10日 3:42
  • まずはF12を押してみましょう。

    IEのモードは何になっていますか?IE7やIE8互換になっていたりしませんか?

    読み込めていないリソース(JS,CSS)は無いですか?

    • 編集済み かるあ 2012年9月10日 3:49
    2012年9月10日 3:48
  • 返答して頂きありがとうございます。

    IEのモードは何になっていますか?IE7やIE8互換になっていたりしませんか?

    firefox  バージョン 14.0.1です。IISへ上げる前と後のブラウザは一緒です

    読み込めていないリソース(JS,CSS)は無いですか?

    IISに上げる前は全て読み込めています。

    IIsのバージョンンは7.5です。

    2012年9月10日 9:55
  • >>読み込めていないリソース(JS,CSS)は無いですか?

    この質問にたいして

    >IISに上げる前は全て読み込めています。

    これは答えになっていません。
    IISに上げたあと、動作させようとしたときにちゃんとJSやCSSが読み込めているか、を確認してください。

    というか、IISに上げた、というのはどういう作業をしたのでしょうか。
    また、jsファイルはcssファイルに直接アクセスしてそれらのファイルが読み込めるでしょうか。
    そのあたりをきちんと確認してください。

    今の状態だと、「正しくできてる"はず"」と言ってるだけで、実際の環境で確認はしてない、という状態でしかありません。
    掲示板であなたの投稿を見ている人にとっては、あなたの環境が実際にどのようになっているか確認するすべはありません。


    あおい情報システム株式会社 小野修司(どっとねっとふぁん)

    2012年9月10日 10:09
  • IISに上げたあと、動作させようとしたときにちゃんとJSやCSSが読み込めているか、を確認してください。

    読み込めていないと思います。参照が悪いのだと思いますが、同じフォルダを参照しているのにコードを書き換える必要があるのでしょうか?ここのコードに原因があると思うのですが

    <script type="text/javascript" src="iscroll.js"></script >
    <script src="jquery-1.6.4.min.js"></script>
    <script type="text/javascript" src="carousel.js"></script >
    <script src="jquery.mobile-1.0.1.min.js"></script>

    コントロールパネル➔管理ツール➔IIS➔サイトのアプリケーションを追加という項目で物理パスは同じフォルダを参照しています。

    解りにくい説明ですみません

    宜しくお願いします



    2012年9月10日 10:46
  • Firefoxなら、Firebugで確認してもFiddlerなどで確認してもいいとおもうので、実際にページロード時にJSやCSSをリクエストしているパスが正しいか確認してみてください。

    HTTPステータスは何になっていますか?

    • 回答としてマーク kirua77777 2012年9月17日 10:51
    2012年9月11日 6:20
  • プラグインではなく直接入力させることで改善しました。ありがとうございました

    2012年9月13日 1:14
  • プラグイン?直接入力?どのように対応したかがちょっとわかりませんでした。

    もし良ければ出来れば、フォーラムのためにもう少し詳しく対応策を書いてもらえるとありがたいです。

    2012年9月13日 3:10