读书人

用的jquery easyUI 为啥发布到IIS下

发布时间: 2013-02-25 10:23:36 作者: rapoo

用的jquery easyUI ,为啥发布到IIS上没有作用?
我用jquery easyUI,在vs2010下运行可以显示出效果,发布到IIS上,就js,css都没有起效果。
请问是怎么回事? 代码如下,源代码也放到了此处:http://www.kuaipan.cn/file/id_1622522680313202.htm 多谢各位指点~
用到的是MVC2 环境是WIN7

<%@ Page Language="C#" Inherits="System.Web.Mvc.ViewPage<dynamic>" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
<title>Index</title>
<link href="../../Content/easyUI/themes/default/easyui.css" rel="stylesheet" type="text/css" />
<link href="../../Content/easyUI/themes/icon.css" rel="stylesheet" type="text/css" />
<%--<link href="../../Content/demo.css" rel="stylesheet" type="text/css" />--%>
<script style="max-width: 100%;height: auto;width: auto\9;" src="http://www.reader8.com/Scripts/jquery-1.8.0.min.js" type="text/javascript"></script>
<script style="max-width: 100%;height: auto;width: auto\9;" src="http://www.reader8.com/Scripts/jquery.easyui.min.js" type="text/javascript"></script>
<script style="max-width: 100%;height: auto;width: auto\9;" src="http://www.reader8.com/Scripts/easyui-lang-zh_CN.js" type="text/javascript"></script>

<style type="text/css">
#welcome
{
float: right;
margin-top: 40px;
margin-right: 20px;
}
</style>

<script type="text/javascript">
$(function () {
$('#tt').tabs(); //页面一加载就初始化一下tab也签
bindMenuLinkClickEvent(); //绑定菜单按钮的 点击事件
});

//绑定菜单按钮的 点击事件
//点击菜单按钮就在中间区域添加一个页签
function bindMenuLinkClickEvent() {
$(".menuLink").click(function () {
var title = $(this).text(); //获取当前菜单按钮点击的 标题
//逻辑: 点击菜单后,首先查看页签是否已经在中间区域打开,如果已经打开
//那么直接让菜单对应的页签展示获取焦点就行了。
//如果不存在那么就创建一个新 的页签到中间区域里面去。

//判断是否在中间区域里面已经存在当前要打开的页签
var isExisit = $('#tt').tabs('exists', title);
if (isExisit) {


//直接获取焦点
$('#tt').tabs('select', title);
} else {//如果在中间区域不存储,那么就创建

var url = $(this).attr("url");
var strHtmlContent = createTabContent(url);

$('#tt').tabs('add', {//往页签中添加一个页签
title: title,
content: strHtmlContent,
iconCls: 'icon-save',
closable: true
});
}

return false;
});
}

//创建 标签页的内容
function createTabContent(url) {
var strHtml = '<iframe src="' + url + '" scrolling="no" frameborder="0" width="100%" height="100%"></iframe>';
return strHtml;
}
</script>
</head>
<body class="easyui-layout">
<div data-options="region:'north',border:false" style="height:72px;background:url('../../Content/Image/3.jpg');padding:10px;
background-repeat:repeat-x; text-align: center;">
<%--<img style="max-width: 100%;height: auto;width: auto\9;" src="http://www.reader8.com/Content/Image/logo.gif" />--%>

<div id="welcome">
<span>欢迎您: admin </span><a href="#">注销</a>
</div>

<div><h1>管理系统</h1></div>
</div>

<div data-options="region:'west',split:true,title:'菜单导航'" style="width:250px;">
<div class="easyui-accordion" style="width:700px;height:500px;" fit="true";>


<div title="报表监控" data-options="iconCls:'icon-search'" style="overflow:auto;padding:10px;">
<%-- <ul>
<li>--%>
<%-- <div class="selected">
<a href="#" target="mainFrame"><span data-options="iconCls:'icon-search'"></span>
统计月报表</a></div>--%>
<%-- </li>

</ul>--%>

<ul class="easyui-tree">
<li>
<span>报表</span>
<ul id="ultest">

<li >
<a url = "ddd/ddd" class="menuLink">
统计月报表1</a></li>
<li> <a url = "ddd/ddd" class="menuLink">统计月报表1</a></li>
<li> <a url = "ddd/ddd" class="menuLink">统计月报表1</a></li>
<li> <a url = "ddd/ddd" class="menuLink">统计月报表1</a></li>

</ul>
</li>
</ul>

<%-- <p>
<a href="javascript:void(0)" url="/UserInfo/Index" class="menuLink">用户列表</a></p>
<p>--%>


</div>
<div title="帮助" data-options="iconCls:'icon-help'" style="padding:10px;">
</div>
<%--<div title="TreeMenu" data-options="iconCls:'icon-search'" style="padding:10px;">
</div>--%>
</div>



</div>

<%--<div data-options="region:'east',split:true,collapsed:true,title:'East'" style="width:100px;padding:10px;">east region</div>--%>

<div data-options="region:'center',title:''">
<div id="tt" style="" fit="true">

</div>


</div>

<%-- <div data-options="region:'south',border:false" style="height:50px;background:#A9FACD;padding:10px;">
south region</div>--%>
<div region="south" border="false" style="height: 25px; background: #B3DFDA; text-align: center;">
<span>版权所有@@有限公司</span>
</div>

</body>

</html>


[解决办法]
路径不对



6个字

[解决办法]
路径可能不对了,在运行环境中URL一般以项目名开头,而在xp iis中URL以虚拟目录名开头;在 windows server iis 没有虚拟路径名 直接是端口号!

读书人网 >asp.net

热点推荐