jquery 使用

来源:互联网 发布:怎样才能把淘宝店做好 编辑:程序博客网 时间:2024/05/26 09:54

今天使用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}">&nbsp;&nbsp;
            输入搜索条件2:<input id="startDateSearchKey${currentActionName}" class="easyui-datebox" style="width:100px"> -
            <input id="endDateSearchKey" class="easyui-datebox" style="width:100px">&nbsp;&nbsp;&nbsp;
            <a href="#" class="easyui-linkbutton" iconCls="icon-search" onclick="doSearch()">搜索</a>
            <a href="#" class="easyui-linkbutton" iconCls="icon-excel" onclick="downExcel()">导入excel</a>
            <a href="#" class="easyui-linkbutton" iconCls="icon-excel" onclick="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却没有反应。


还有 没写完的。




0 0
原创粉丝点击