gpt4 book ai didi

java - 将 JQuery UI 集成到 Play 框架中

转载 作者:行者123 更新时间:2023-12-01 12:42:07 24 4
gpt4 key购买 nike

我尝试将 jquery ui 支持导入到一个非常简单的 java 应用程序中。

我的第一个目标是获得每个 jquery 安装运行时附带的示例 jquery ui 站点 ( http://jqueryui.com/themeroller/ )。

我的问题是

http://localhost:9000/ 

返回文件,但没有工作 JavaScript(例如, Accordion 仅显示文本,但不显示 Accordion )。

一旦这个工作正常,我的下一步将是用来自controllers.Applicaiton的数据填充组件。也非常欢迎有关其工作原理(例如 Accordion )的建议。

提前谢谢您!

<小时/>

我的公共(public)目录:

  • 公开
    • 图片
    • javascript
      • jquery-ui.js
      • jquery.js
    • 样式表
      • jquery-ui.css
      • jquery-ui.struct.css
      • jquery-ui.theme.css

我的conf/路由文件:

GET     /                           controllers.Application.index()

我的controllers.Application类只有一个方法:

public static Result index() {
return ok(index.render("Your new application is ready."));
}

我的 main.scala.html (编辑:导入顺序在下面的评论后发生了变化。)

@(title: String)(content: Html)

<!DOCTYPE html>

<html>
<head>
<title>@title</title>
<link rel="stylesheet" media="screen" href="@routes.Assets.at("stylesheets/jquery-ui.css")">
<link rel="stylesheet" media="screen" href="@routes.Assets.at("stylesheets/jquery-ui.structure.css")">
<link rel="stylesheet" media="screen" href="@routes.Assets.at("stylesheets/jquery-ui.theme.css")">
<link rel="shortcut icon" type="image/png" href="@routes.Assets.at("images/favicon.png")">
<script src="@routes.Assets.at("javascripts/jquery.js")" type="text/javascript"></script>
<script src="@routes.Assets.at("javascripts/jquery-ui.js")" type="text/javascript"></script>

</head>
<body>

@content
</body>
</html>

最后是我的index.scala.html(缩短)。

@(message: String)

@main("NuMap") {


<script type="text/javascript">

$( "#accordion" ).accordion();

... the script from the sample file...
</script>

<h1>Welcome to jQuery UI!</h1>

<div class="ui-widget">
<p>This page demonstrates the widgets and theme you selected in Download Builder. Please make sure you are using them with a compatible jQuery version.</p>
</div>

<h1>YOUR COMPONENTS:</h1>


<!-- Accordion -->
<h2 class="demoHeaders">Accordion</h2>
<div id="accordion">
<h3>First</h3>
<div>Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet.</div>
<h3>Second</h3>
<div>Phasellus mattis tincidunt nibh.</div>
<h3>Third</h3>
<div>Nam dui erat, auctor a, dignissim quis.</div>
</div>

<!-- Autocomplete -->

... all the other components from sample file...

}
<小时/>

我生成的 HTML 具有以下 header :

<head>
<title>NuMap</title>
<link rel="stylesheet" media="screen" href="/assets/stylesheets/jquery-ui.css">
<link rel="stylesheet" media="screen" href="/assets/stylesheets/jquery-ui.structure.css">
<link rel="stylesheet" media="screen" href="/assets/stylesheets/jquery-ui.theme.css">
<link rel="stylesheet" media="screen" href="/assets/stylesheets/jquery-my.css">
<link rel="shortcut icon" type="image/png" href="/assets/images/favicon.png">
<script src="/assets/javascripts/jquery.js" type="text/javascript"></script>
<script src="/assets/javascripts/jquery-ui.js" type="text/javascript"></script>

</head>

所以一切看起来都不错,但 jquery-ui 仍然无法工作......

最佳答案

我不完全确定问题所在。但是,如果 jQuery 正在工作,并且您只遇到有关 jquery-ui 的问题,则 <script>进口订单可能是原因。您正在使用,

<script src="@routes.Assets.at("javascripts/jquery-ui.js")" type="text/javascript"></script>
<script src="@routes.Assets.at("javascripts/jquery.js")" type="text/javascript"></script>

jquery-ui严重依赖jqueryjQuery必须首先加载,然后加载 jquery-ui .

希望这对您有帮助。

问候

关于java - 将 JQuery UI 集成到 Play 框架中,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/25001180/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com