问答首页 → Web前端技术
0 0

HTML5页面导入到JSP页面中特性不起作用0

比如:

头:<!DOCTYPE html>
<a class="btn-maintian ui-button-c" id="dLabel" role="button" data-toggle="dropdown" data-target="#">维护</a>
	<ul class="client-mt"  role="menu" aria-labelledby="dLabel">
	<li><a href="add-sub-client.html">添加下级客户</a></li>
	<li><a href="modify-client-information.html">修改客户资料</a></li>
	<li><a  href="#confirmDelete" role="button" class="btn" data-toggle="modal">删除客户</a></li>
	<li><a href="">批量维护</a></li>
	</ul>

 静态页面点击 维护 打开效果:

    参见图1

 

  但是在项目启动后访问该jsp页面,点击 维护 按钮不起作用 弹不出 添加 修改 删除 按钮.

 

希望得到大家的帮助,谢谢.

   

问题补充：<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%@ include file="/WEB-INF/page/tag/taglib.jsp"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
<title>client-view-list</title>
<meta name="Keywords" content="" />
<meta name="description" content="" />
<script type="text/javascript" src="<c:url value='/scripts/jquery-1.10.2.min.js'/>"></script>
<script type="text/javascript" src="<c:url value='/scripts/ecop.js'/>"></script>
<script type="text/javascript" src="<c:url value='/scripts/jquery.pager.js'/>"></script>
<script type="text/javascript">
$(function(){
$("#pager").pager({
pagenumber:1,
pagecout:10,
buttonClickCallback:PageClick
});

});

PageClick = function(pageclickednumber){
$("#pager").pager({
pagenumber:pageclickednumber,
pagecount:100,
buttonClickCallback:PageClick
});

};

</script>
</head>
<body>
<div class="page-wrapper">
<div id="header">
  </div>
  <div class="tab-pane mcl" id="myClient">
<div class="clv-attrs-group">
<div class="attr cf">
<div class="attr-key">
行业
</div>
<div class="attrValues">
<ul class="av-collapse">
<li><a href="#">全部</a></li>
<li><a href="#">银行</a></li>
<li><a href="#">政府</a></li>
<li><a href="#">公安</a></li>
<li><a href="#">采矿业</a></li>
<li><a href="#">电信</a></li>
<li><a href="#">铁路运输</a></li>
<li><a href="#">科研</a></li>
<li><a href="#">房地产</a></li>
<li><a href="#">共产党机关及人民政府</a></li>
<li><a href="#">银行</a></li>
<li><a href="#">政府</a></li>
<li><a href="#">公安</a></li>
<li><a href="#">采矿业</a></li>
<li><a href="#">电信</a></li>
<li><a href="#">铁路运输</a></li>
<li><a href="#">科研</a></li>
<li><a href="#">房地产</a></li>
<li><a href="#">共产党机关及人民政府</a></li>
</ul>
<div class="av-option">
<a class="av-more ui-more-drop">更多</a>
<a class="av-more ui-more-up">收起</a>
</div>
</div>
</div>
<div class="attr cf">
<div class="attr-key">
省份
</div>
<div class="attrValues">
<ul class="av-collapse">                 
<li><a href="#">全部</a></li>
<li><a href="#">北京</a></li>
<li><a href="#">上海</a></li>
<li><a href="#">天津</a></li>
<li><a href="#">山东</a></li>
<li><a href="#">山西</a></li>
<li><a href="#">河南</a></li>
<li><a href="#">安徽</a></li>
<li><a href="#">河北</a></li>
<li><a href="#">广东</a></li>
<li><a href="#">黑龙江</a></li>
<li><a href="#">重庆</a></li>
<li><a href="#">海南</a></li>
<li><a href="#">浙江</a></li>
<li><a href="#">江苏</a></li>
<li><a href="#">湖北</a></li>
<li><a href="#">湖南</a></li>
<li><a href="#">四川</a></li>
<li><a href="#">贵州</a></li>
<li><a href="#">云南</a></li>
<li><a href="#">陕西</a></li>
<li><a href="#">福建</a></li>
<li><a href="#">吉林</a></li>
<li><a href="#">辽宁</a></li>
<li><a href="#">江西</a></li>
<li><a href="#">甘肃</a></li>
<li><a href="#">青海</a></li>
<li><a href="#">台湾</a></li>
</ul>
<div class="av-option">
<a class="av-more ui-more-drop">更多<i class="ui-more-drop-arrow"></i></a>
<a class="av-more ui-more-up">收起<i class="ui-more-drop-arrow"></i></a>
</div>
</div>
</div>
<div class="attr cf">
<div class="attr-key">
     部门 
</div>
<div class="attrValues">
<ul class="av-collapse">
<ul class="av-collapse pt">
<li><a href="#">全部</a></li>
<li><a href="#">网络维护部</a></li>
<li><a href="#">综合维护部</a></li>
<li><a href="#">部门部门</a></li>
<li><a href="#">网络维护部</a></li>
<li><a href="#">综合维护部</a></li>
<li><a href="#">部门部门</a></li>
<li><a href="#">网络维护部</a></li>
<li><a href="#">综合维护部</a></li>
<li><a href="#">部门部门</a></li>
<li><a href="#">网络维护部</a></li>
<li><a href="#">综合维护部</a></li>
<li><a href="#">部门部门</a></li>
</ul>
</ul>
<div class="av-option">
<a class="av-more ui-more-drop">更多<i class="ui-more-drop-arrow"></i></a>
<a class="av-more ui-more-up">收起<i class="ui-more-drop-arrow"></i></a>
</div>
</div>
</div>
<div class="attr cf cm">
<div class="attr-key">
     客户经理                                                                   
</div>
<div class="attrValues">
<ul class="av-collapse">
<ul class="av-collapse">
<li><a href="#">全部</a></li>
<li><a href="#">王伟</a></li>
<li><a href="#">李瑞斌</a></li>
<li><a href="#">胡帅</a></li>
<li><a href="#">马龙泽</a></li>
<li><a href="#">刘艺璇</a></li>
<li><a href="#">张菲菲</a></li>
<li><a href="#">胡志芳</a></li>
<li><a href="#">谢梓芳</a></li>
<li><a href="#">胡杏方</a></li>
<li><a href="#">王玲</a></li>
<li><a href="#">张亮</a></li>
<li><a href="#">方伐</a></li>
<li><a href="#">刘晓</a></li>
<li><a href="#">王宏</a></li>
<li><a href="#">张霞</a></li>
<li><a href="#">柳岩</a></li>
<li><a href="#">张一</a></li>
<li><a href="#">张宏</a></li>
</ul>
</ul>
<div class="av-option">
<a class="av-more ui-more-drop">更多<i class="ui-more-drop-arrow"></i></a>
<a class="av-more ui-more-up">收起<i class="ui-more-drop-arrow"></i></a>
</div>
</div>
</div>
</div>
<div class="clv-list-inquire">
<p class="inquire-title yahei f20 color4">客户查询列表</p>
<a href="" class="ui-button-a inquire-edit">编辑</a>
</div>
<div class="clv-data-info">
<table>
<thead>
<tr>
<td class="snum">直管客户序号</td>
<td class="cname">全国直管客户名称</td>
<td class="oname">总部或分支机构名称</td>
<td class="class">行业大类</td>
<td class="class">行业小类</td>
<td class="grade">集团级别</td>
<td class="attr">企业属性</td>
<td class="mt"></td>
</tr>
</thead>
<tbody>
<c:forEach var="user" items="${message}">
<tr>
<td class="snum"><a href="my-client-data-details.html">100000000000000</a></td>
<td class="cname">中国工行银行北京总行</td>
<td class="oname">北京分部</td>
<td class="class">市场部</td>
<td class="class">营销</td>
<td class="grade">一级分支</td>
<td class="attr">国企</td>
<td class="mt">
<a class="btn-maintian ui-button-c" id="dLabel" role="button" data-toggle="dropdown" data-target="#">维护</a>
<ul class="client-mt"  role="menu" aria-labelledby="dLabel">
<li><a href="add-sub-client.html">添加下级客户</a></li>
<li><a href="modify-client-information.html">修改客户资料</a></li>
<li><a  href="#confirmDelete" role="button" class="btn" data-toggle="modal">删除客户</a></li>
<li><a href="">批量维护</a></li>
</ul>
</td>
</tr>
</c:forEach>
</tbody>
</table>
</div>
<div class="paging">
<div id="pager">
    </div>
    <p class="pnum">共100页</p>
    </div>
<div class="ec-footer" id="footer">
</div>
<div class="confirm-delete modal hide fade in" id="confirmDelete" tabindex="-1" role="dialog">
<p class="cd-title f18 yahei">你确认删除此直管客户?</p>
<div class="cd-btn-group">
<a class="btn-s" href="#deleteReason" role="button" data-toggle="modal">确定</a>
<a class="btn-cl" data-dismiss="modal">取消</a>
</div>
</div>
<div class="delete-reason modal hide fade in" id="deleteReason">
<p class="dr-title">删除原因:</p>
<textarea rows="10" cols="10">
</textarea>
<div class="cd-btn-group">
<a class="btn-s" href="#deleteSuccess" role="button" data-toggle="modal">确定</a>
<a class="btn-cl" data-dismiss="modal">取消</a>
</div>
</div>
<div class="delete-success modal hide fade in" id="deleteSuccess" >
<p class="ds-title yahei f18">中国工商银行已删除成功！</p>
</div>
</div>
</body>
</html>
Spring企业应用CSSjQueryHTML5 
2013年11月21日 21:14
  • 大小: 1.9 KB
目前还没有答案

相关推荐

    JSP页面与JSP标记.ppt

    **JSP页面与JSP标记**是Web开发中的核心概念，它们构成了动态网页的基础。本章将深入探讨JSP语法，包括HTML语法、JSP页面结构、变量与方法的声明，以及Java程序片、Java表达式、JSP指令和动作标记的使用。 ### 2.1 ...

    JSP api html格式

    1. ****：定义JSP页面的特性，如语言、编码、导入的包等。 2. ****：静态地包含一个文件，与&lt;jsp:include&gt;不同，它在翻译阶段就合并文件。 3. **&lt;jsp:directive.page&gt;**：等同于，用于设置页面指令。 4. **&lt;jsp:...

    JSP页面语法

    1. **page指令**：定义JSP页面的特性，如设置脚本语言、导入包、指定错误处理页面等。例如： - `language="java"`：声明使用的脚本语言。 - `extends="package.class"`：指定转换后的Servlet的父类。 - `import=...

    HTML手册与JSP语法

    HTML（HyperText Markup Language）是用于创建网页的标准标记语言，而JSP（JavaServer Pages）是一种动态网页技术，它允许开发者在HTML页面中嵌入Java代码来实现动态内容的生成。下面将详细介绍这两个主题。 首先，...

    jsp页面源码

    - `page`指令：定义JSP页面的全局属性，如字符编码、导入的Java包、页面使用的语言等。 - `include`指令：用于在编译时将另一个文件包含到当前页面中，提高代码复用性。 - `taglib`指令：引入自定义标签库，使得...

    JSP购物网站代码JSP购物网站代码

    1. **JSP指令**：如`&lt;%@ page... %&gt;`用于设置JSP页面的属性，例如设置字符编码、导入Java包等。 2. **JSP动作**：如`&lt;jsp:include&gt;`可以用来包含其他页面，实现页面重用，比如在每个页面顶部都包含相同的头部导航。 ...

    jsp试验报告jsp试验jsp试验

    这可能包括设置项目结构、创建JSP页面、配置服务器、理解生命周期和作用域等。实验代码中的`session`属性设置和使用展示了JSP页面如何与HTTP会话交互。 7. JSP页面元素： 示例代码中，`&lt;html&gt;`标签代表HTML文档的...

    JSP基本语法及由浅入深

    1. **JSP页面结构**：一个JSP页面由两部分组成，即HTML或XML标记（负责页面布局和静态内容）和JSP指令或元素（负责动态内容和页面控制）。 2. **JSP指令**： - `page`指令：设置整个页面的属性，如语言、编码、...

    [Jsp宝典].(JSP宝典).邹竹彪.文字版

    5. **EL表达式**：全称是Expression Language，用于简化JSP页面中的数据访问。EL表达式可以获取、设置页面作用域内的对象属性，无需使用Java脚本let或out指令。 6. **JSTL（JSP Standard Tag Library）**：JSTL是...

    JSP 实用教程.rar

    - EL是一种简洁的表达式语言，用于获取和设置JSP页面作用域中的对象属性。 - 它支持基本的算术运算、逻辑运算以及对集合的操作。 6. **Servlet与JSP的关系** - JSP最终会被编译为Servlet，理解Servlet的工作原理...

    jsp 留言板，eclipse直接导入，可发布

    【标题】：“jsp 留言板”是一个基于Java服务器页面技术（JSP）开发的交互式应用，专为用户提供在线留言和查看他人留言的功能。它通常由HTML、JSP脚本、JavaBean以及数据库连接等组件构成，使得用户可以在网页上留下...

    jsp 2.0技术手册中文版

    5. **JSP页面的编译和执行** - JSP页面会被编译成Servlet，然后由Servlet容器执行。 - 每个JSP页面对应一个Servlet，Servlet的生命周期方法（init、service、destroy）对应JSP的生命周期。 6. **JSP与Servlet的...

    JSP相关技术很有趣的

    - EL简化了JSP页面中的数据访问，可以用来获取、操作JavaBean的属性。 - JSTL提供了一系列标准的标签库，如Core、XML、JDBC等，帮助开发者更高效地处理常见任务。 7. JSP优点： - 面向视图的设计，使页面设计...

    JSP2 编程指南：从初学者到专家

    总之，"JSP2编程指南：从初学者到专家"这本书将引导你全面了解JSP2的各个方面，从基础语法到高级特性，助你成为一名熟练的JSP开发者。通过深入学习和实践，你将能够利用JSP2的强大功能，创建高效、可扩展的web应用...

    JSP学习笔记总结.doc

    2.2.1 `page`指令是JSP页面级别的配置，可以设置页面编码、导入的Java包、错误页面等。例如，`errorPage`属性用于指定当页面出现异常时跳转到的错误处理页面。 案例：使用`errorPage`属性处理异常，当页面抛出异常...

    javaee5编程郭庆j2ee-5-第5章jsp.ppt

    2. 包含指令（include指令）：例如`&lt;%@ include file="..." %&gt;`，用于将其他文件内容插入到当前JSP页面中。 3. 标签库指令（taglib指令）：例如`&lt;%@ taglib uri="..." prefix="..." %&gt;`，用于引入自定义标签库。 ...

    jsp登陆页面（有验证码样式）.zip

    JSP文件通常包含`&lt;jsp:include&gt;`、`&lt;jsp:useBean&gt;`、`&lt;jsp:setProperty&gt;`等指令，以及`&lt;% %&gt;`和`&lt;%= %&gt;`这样的脚本元素，它们分别用于导入资源、实例化Java对象和输出变量。 为了确保用户输入的安全性，开发者需要...

    在jsp中使用自定义taglib

    - **导入TLD到JSP**：在JSP页面中通过`&lt;%@ taglib %&gt;`指令引入TLD，这样就能在页面中使用自定义标签。 3. **示例：自定义OutputTag** - `OutputTag`类中，`setName()`方法接收属性，`doStartTag()`方法中获取属性...

    宿舍管理系统,灵活运用了HTML5、 CSS3和JSP以及Java Servlet等几项技术！

    JSP是Java的一种视图技术，它允许开发者在HTML页面中嵌入Java代码，实现动态内容的生成。在宿舍管理系统中，JSP可以用来处理用户请求，动态生成如宿舍分配、学生信息显示等页面内容。同时，JSP还可以结合EL...

Magicbox
Ask-but
我的问答 FAQ | 勋章

相关推荐

已解决问题

未解决问题

排行榜

Global site tag (gtag.js) - Google Analytics