今天使用jquery 1.4.4的版本:
这是我书写的代码。当时我没有去掉 错误处1 前台页面代码错误。 从这里jquery 的加载只能有一个预加载符号。$(function (){} );完整的页面代码:
<%@ page contentType="text/html; charset=UTF-8" language="java"
import="java.util.*" pageEncoding="UTF-8"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>前端测试用例</title>
<% String root = request.getContextPath(); %>
<link rel="stylesheet" type="text/css" href="<%=root%>/Web/common/js/easyui/themes/default/easyui.css">
<link rel="stylesheet" type="text/css" href="<%=root%>/Web/common/js/easyui/themes/icon.css">
<script type="text/javascript" src="<%=root%>/Web/common/js/easyui/js/jquery-1.4.4.min.js"></script>
<script type="text/javascript" src="<%=root%>/Web/common/js/easyui/js/jquery.easyui.min.js"></script>
<script type="text/javascript" src="<%=root%>/Web/common/js/easyui/js/easyui-lang-zh_CN.js"></script>
<link rel="stylesheet" href="<%=root%>/Web/common/css/tooltip-form-style.css"></link>
<script type="text/javascript">
function doSearch(){
alert('You input:');
}
/***错误处1
$(function () {
alert("dfdsa");
} */
function test(){
var v = $("#aa").val();
alert(v);
}
$(function(){
$('#aa').accordion( {
width : 400,
height : 200,
fit : false
});
}
);
</script>
</head>
<body>
<h1>Search Category</h1>
<div style="padding:5px;">
<table id="dg" class="easyui-datagrid"></table>
<div id="toolbar" style="padding:5px;height:auto">
<div>
输入搜索条件1: <input id="serialNumberSearchKey${currentActionName}">
输入搜索条件2:<input id="startDateSearchKey${currentActionName}" class="easyui-datebox" style="width:100px"> -
<input id="endDateSearchKey" class="easyui-datebox" style="width:100px">
<a href="#" class="easyui-linkbutton" iconCls="icon-search" οnclick="doSearch()">搜索</a>
<a href="#" class="easyui-linkbutton" iconCls="icon-excel" οnclick="downExcel()">导入excel</a>
<a href="#" class="easyui-linkbutton" iconCls="icon-excel" οnclick="upExcel()">导出excel</a>
</div>
</div>
</div>
<br>
<div style="padding:5px;">
<h2>培训实例:</h2>
<div id="aa" border="true" >
<div title="Title1" icon="icon-save" style="overflow: auto; padding: 10px;">
<h3 style="color: #0099FF;">Accordion for jQuery</h3>
<p>Accordion is a part of easyui framework for jQuery. It lets you define your accordion component on web page more easily.</p>
</div>
<div title="Title2" icon="icon-reload" selected="true"
style="padding: 10px;">content2</div>
<div title="Title3">content3</div>
</div>
</div>
</body>
</html>
这里还需要注意的:
combobox在使用这个的时候,出现combobox 的ajax调用后台IE 跟火狐调用失效的问题。
火狐能使用combobox 的ajax调用 IE却没有反应。
还有 没写完的。