2015-05-12 81 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”的路径问题。

再次感谢。 再次看到你的另一个问题::)