jQuery无法使用play框架

时间:2015-05-12 08:36:13

标签: jquery playframework

我搜索了同样的问题并发现了这一点 jQuery not detected in Play Framework application
但我无法理解这个问题的解决方案。所以我提出了同样的问题。

发展环境 - 播放2.3.8
- sbt 0.13.8
- java 1.8
- scala 2.11
- Mac OSX 10.9
- jquery 1.11.3

我是Play框架的新手。刚尝试在* .scala.html中使用jquery,它无法正常工作。我检查了浏览器可以使用livehttp httpheader获取js文件(304状态) 代码如下。

var anything: Int8 = 12

我知道这真的很模糊,但jquery可以很容易地使用。我不知道该告诉和说什么。

如果我需要更多信息,请告诉我。

谢谢你的善意。

添加我想要使用的jquery。

var anything = Int8(12)

1 个答案:

答案 0 :(得分:0)

谢谢大家。 最后,我解决了这个问题。 我将详细说明如下。

结论:
- " bootstrap.min.js"的路径错了。
- 使用jquery玩游戏没有问题 - 应该检查所有文件的路径。

细节:

我刚试过通过twitter bootstrap使用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>

因此,我需要,

<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>

但是,&#34; bootstrap.min.js&#34;错了。两个&#34; bootstrap.min.css&#34;和&#34; jquery.min.js&#34;是正确的,所以很难识别&#34; bootstrap.min.js&#34;的路径问题。对我来说。

再次感谢。 在另一个问题上再次见到你:))