Tôi phải sử dụng một số JavaScript và CSS cho portlet của mình. Tôi đang sử dụng một số jQuery datable để phân loại và hiển thị một số tương tác, nhưng nó không hoạt động.JavaScript và CSS không hoạt động trong portlet đời của tôi
Có ai có thể hướng dẫn tôi đến nơi tôi đang phạm sai lầm không?
Đây là cấu trúc thư mục của tôi về docroot nơi JS và CSS của tôi được lưu giữ.
Đây là tập tin view.jsp của tôi trong đó đang điền dữ liệu tự động.
<%@page import="com.video.util.VideoActionUtil"%>
<%@page import="com.video.database.model.Video"%>
<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
pageEncoding="ISO-8859-1"
import="com.video.database.model.Video.*"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Applying JQuery DataTables plugin in the Java Server application</title>
<link href="docroot/js/jquery-1.2.6.min.js" type="text/javascript">
<link href="docroot/css/demo_page.css" rel="stylesheet" type="text/css" />
<link href="docroot/css/demo_table.css" rel="stylesheet" type="text/css" />
<link href="docroot/css/demo_table_jui.css" rel="stylesheet" type="text/css" />
<link href="docroot/css/jquery-ui.css" rel="stylesheet" type="text/css" media="all" />
<link href="docroot/css/jquery-ui-1.7.2.custom.css" rel="stylesheet" type="text/css" media="all" />
<script src="docroot/js/query.js" type="text/javascript"></script>
<script src="docroot/js/jquery.dataTables.min.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function() {
$("#companies").dataTable({
"sPaginationType": "full_numbers",
"bJQueryUI": true
});
});
</script>
</head>
<body id="dt_example">
<div id="container">
<div id="demo_jui">
<table id="companies" class="display">
<thead>
<tr>
<th>Company name</th>
<th>Address</th>
<th>Town</th>
</tr>
</thead>
<tbody>
<%
long l=10154;
for(Video c: VideoActionUtil.getAllVideo(l)){ %>
<tr>
<td><%=c.getTitle()%></td>
<td><%=c.getDescription()%></td>
<td><%=c.getTypeId()%></td>
</tr>
<% } %>
</tbody>
</table>
</div>
</div>
</body>
</html>
Có thể không tìm được CSS và JavaScript? Tôi đã thử với đường dẫn href=/css/[filename]
nhưng điều này cũng không hoạt động vì vậy tôi đã cung cấp docroot/css/ [filename]
.
Cảm ơn và chúc Bhavik Kama
@ Ông Barmar
<script src="../js/jquery-1.2.6.min.js" type="text/javascript"></script>
<link href="../css/demo_page.css" rel="stylesheet" type="text/css" />
<link href="../css/demo_table.css" rel="stylesheet" type="text/css" />
<link href="../css/demo_table_jui.css" rel="stylesheet" type="text/css" />
<link href="../css/jquery-ui.css" rel="stylesheet" type="text/css" media="all" />
<link href="../css/jquery-ui-1.7.2.custom.css" rel="stylesheet" type="text/css" media="all" />
<script src="../js/query.js" type="text/javascript"></script>
<script src="../js/jquery.dataTables.min.js" type="text/javascript"></script>
<script type="text/javascript">
thử 'href = "css/[filename]" ' –
cảm ơn bạn đã trả lời nhưng đã thử điều đó.its không hoạt động. Bạn có đề xuất nào khác không? –
kiểm tra html đã tạo, có trỏ tới địa điểm dự kiến không? bạn có thể lấy các tập tin css/js với url trực tiếp không? (như 'http: // domain.com/css/my.css') url nào của view.jsp? nó nằm trong docroot hoặc bên trong docroot/other_dir/hoặc other_dir? –