2015-05-12 79 views
0

我搜索了相同的問題,並發現這一點。
jQuery not detected in Play Framework application
但我不明白哪個是問題的解決方案。所以我提出了同樣的問題。jQuery無法使用播放框架


開發環境
- 玩2.3.8
- SBT 0.13.8
- java的1.8
- 斯卡拉2.11
- 的Mac OSX 10.9
- jQuery的1.11.3

我是新玩家框架。試圖在* .scala.html中使用jquery,它不能工作。我查了一下,瀏覽器可以通過livehttp httpheader(304狀態)獲得js文件。 代碼正在翻譯中。

<body> 
    @content 
    <script src="@routes.Assets.at("javascripts/jquery.min.js")"></script> 
    <script src="@routes.Assets.at("bootstrap/js/bootstrap.min.js")"></script> 
</body> 

我知道這真的很含糊,但jquery總是可以很容易地使用。我不知道該說什麼,說什麼。

如果我需要更多信息,請告訴我。

謝謝你的好意。

添加我想要使用jQuery的。

<div id="c1" class="carousel slide" data-ride="carousel"> 
    <div class="carousel-inner"> 
    <div class="item active"> 
     <div class="row"> 
     <div class="col-xs-offset-2 col-xs-8"> 
      <p class="lead"> 
      <i>sample item</i> 
      </p> 
      <p class="lead text-right"> 
      <i>sample, Inc.</i> 
      </p> 
     </div> 
     </div> 
    </div> 
    <div class="item"> 
     <div class="row"> 
     <div class="col-xs-offset-2 col-xs-8"> 
      <p class="lead"> 
      <i>sample2</i> 
      </p> 
      <p class="lead text-right"> 
      <i>AmericanInitiative, Inc.</i> 
      </p> 
     </div> 
     </div> 
    </div> 
    </div> 
    <!-- carousel button --> 
    <a class="carousel-control left carousel-black" href="#c1" data-slide="prev"> 
    <span class="glyphicon glyphicon-chevron-left"></span> 
    </a> 
    <a class="carousel-control right carousel-black" href="#c1" data-slide="next"> 
    <span class="glyphicon glyphicon-chevron-right"></span> 
    </a> 
</div> 
+0

你確定你有在public/javascripts下名爲** jquery.min.js **的文件嗎?什麼不工作?您的HTML模板中沒有使用任何jQuery/JavaScript代碼 – Anton

+0

感謝您的回覆。 - 是的,我有公共/ javascripts下的文件。 - 我嘗試使用帶引導程序的旋轉木馬插件 – fdskahowi2984o2kd

+0

也許嘗試一些小例子,以確保一切正常:http://pastebin.com/xHuhza9S – Anton

回答

0

謝謝大家。 最後,我解決了這個問題。 我會留下細節如下。


結論:
- 「bootstrap.min.js」 的路徑是錯誤的。
- 使用jquery玩遊戲沒有問題。
- 應該檢查所有文件的路徑。

細節:

我只是試圖使用jquery玩通過twitter引導。就像,

<div id="c1" class="carousel slide" data-ride="carousel"> 
    <div class="carousel-inner"> 
    <div class="item active"> 
     <div class="row"> 
     <div class="col-xs-offset-2 col-xs-8"> 
      <p class="lead"> 
      <i>sample item</i> 
      </p> 
      <p class="lead text-right"> 
      <i>sample, Inc.</i> 
      </p> 
     </div> 
     </div> 
    </div> 
    <div class="item"> 
     <div class="row"> 
     <div class="col-xs-offset-2 col-xs-8"> 
      <p class="lead"> 
      <i>sample2</i> 
      </p> 
      <p class="lead text-right"> 
      <i>AmericanInitiative, Inc.</i> 
      </p> 
     </div> 
     </div> 
    </div> 
    </div> 
    <!-- carousel button --> 
    <a class="carousel-control left carousel-black" href="#c1" data-slide="prev"> 
    <span class="glyphicon glyphicon-chevron-left"></span> 
    </a> 
    <a class="carousel-control right carousel-black" href="#c1" data-slide="next"> 
    <span class="glyphicon glyphicon-chevron-right"></span> 
    </a> 
</div> 

就這樣,我需要,

<head> 
... 
    <link rel="stylesheet" href="@routes.Assets.at("my_bootstrap/css/bootstrap.min.css")" > 
... 

</head> 

<body> 
    @content 
    <script src="@routes.Assets.at("javascripts/jquery.min.js")"></script> 
    <script src="@routes.Assets.at("my_bootstrap/js/bootstrap.min.js")"></script> 
</body> 

但是, 「bootstrap.min.js」 的路徑是錯誤的。 「bootstrap.min.css」和「jquery.min.js」都是正確的,所以我很難認識到「bootstrap.min.js」的路徑問題。

再次感謝。 再次看到你的另一個問題::)