Equal_ 2015-04-28 01:42 采纳率: 21.1%
浏览 5690

easyUi中tabs使用的问题,一直没有效果!!!

 <%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%
    String path = request.getContextPath();
    String basePath = request.getScheme() + "://"
            + request.getServerName() + ":" + request.getServerPort()
            + path + "/";
%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<base href="<%=basePath%>">

<title>My JSP 'renpeng.jsp' starting page</title>

<meta http-equiv="pragma" content="no-cache">
<meta http-equiv="cache-control" content="no-cache">
<meta http-equiv="expires" content="0">
<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
<meta http-equiv="description" content="This is my page">
<!--
    <link rel="stylesheet" type="text/css" href="styles.css">
    -->
<link type="text/css" rel="stylesheet" href="css/style.css" />
<link rel="stylesheet" href="css/demos.css">
<link type="text/css" rel="stylesheet"
    href="js/jqueryui/themes/base/jquery.ui.all.css" />
</head>

<script src="js/jqueryui/jquery.ui.core.js"></script>
<script src="js/jqueryui/jquery.ui.widget.js"></script>
<script src="js/jqueryui/jquery.ui.tabs.js"></script>
<script type="text/javascript" src="js/jquery-1.8.3.js"></script>
<%-- <script type="text/javascript" src="${path}/js/j.js"></script>
<script type="text/javascript" src="${path}/js/e.js"></script> --%>

<jsp:include page="comm/comm_jQueryUI_js.jsp" />

<jsp:include page="comm/comm_easyUI_js.jsp" />

<script>
    $(function() {
        $('#tabs').tabs({
            active:1,
            collapsible:true,
            activate:function(event,ui){
                 alert("触发activate事件!");
            }
        });
    });
</script>

<body>
    <!-- <div id="tabs">
        <ul>
            <li><a href="#tabs-1">返回列表</a></li>
            <li><a href="#tabs-2">发布新投票</a></li>
            <li><a href="#tabs-3">维护</a></li>
        </ul>

        <div id="tabs-1">tabs-1</div>
        <div id="tabs-2">tabs-2</div>
        <div id="tabs-3">tabs-3</div>

    </div> -->

    <div id="tabs">
        <ul>
            <li><a href="#tabs-1">tabs1</a>
            </li>
            <li><a href="#tabs-2">tabs2</a>
            </li>
        </ul>
        <div id="tabs-1">tab1 content :世界杯观赛时间表 !</div>
        <div id="tabs-2">tab2 content :变4精彩剧情抢先看!</div>
    </div>
</body>
</html>

首先是css导进去了,其次是JQuery导进去了,tabs的js文件也导进去了,还有一个ezm….jar也进去了,就是界面上没有效果!!怎么回事?????有谁知道吗???我用的IE,64位浏览器!!!

  • 写回答

2条回答 默认 最新

  • Go 旅城通票 2015-04-28 02:01
    关注

    循序搞反了,要先导入jquery在导入easyui,easyui是居于jquery的,jquery都没导入你就先到如easyui肯定报错了

    
    <script type="text/javascript" src="js/jquery-1.8.3.js"></script>
    <script src="js/jqueryui/jquery.ui.core.js"></script>
    <script src="js/jqueryui/jquery.ui.widget.js"></script>
    <script src="js/jqueryui/jquery.ui.tabs.js"></script>
    
    评论

报告相同问题?

悬赏问题

  • ¥15 素材场景中光线烘焙后灯光失效
  • ¥15 请教一下各位,为什么我这个没有实现模拟点击
  • ¥15 执行 virtuoso 命令后,界面没有,cadence 启动不起来
  • ¥50 comfyui下连接animatediff节点生成视频质量非常差的原因
  • ¥20 有关区间dp的问题求解
  • ¥15 多电路系统共用电源的串扰问题
  • ¥15 slam rangenet++配置
  • ¥15 有没有研究水声通信方面的帮我改俩matlab代码
  • ¥15 ubuntu子系统密码忘记
  • ¥15 保护模式-系统加载-段寄存器