我设计了一个带有一些css和jquery的简单网站。所有的css都在标题中使用,javascript文件位于一个名为Scripts的文件夹中,并在我的网站中引用,如下所示。本地一切都很美,但是在服务器上,一些对象(例如我的几个div)超出了它们的原始位置,而我使用jquery的下拉菜单不能正常工作但它们确实有效(比如它们滑落或褪色) 。
我在Web服务器的root中创建了相同的文件夹结构。我使用的是.NET 3.5,服务器确实支持它。
你们认为这可能是我脚本的路径问题吗? 什么可能导致css将div移出位置? css或jquery在不同服务器上的表现是否不同?
<script src="Scripts/jquery.validate.min.js" type="text/javascript"></script>
<script src="Scripts/jquery.validate.min-vsdoc.js" type="text/javascript"></script>
<script src="Scripts/jquery.validate.js" type="text/javascript"></script>
<script src="Scripts/jquery.validate-vsdoc.js" type="text/javascript"></script>
<script src="Scripts/jquery-1.4.1.min.js" type="text/javascript"></script>
<script src="Scripts/jquery-1.4.1.min-vsdoc.js" type="text/javascript"></script>
<script src="Scripts/jquery-1.4.1.js" type="text/javascript"></script>
<script src="Scripts/jquery-1.4.2.min.js" type="text/javascript"></script>
<script src="Scripts/jquery.easing.1.2.js" type="text/javascript"></script>
<script src="Scripts/jquery.color.js" type="text/javascript"></script>
<script src="Scripts/jquery-ui-1.8.4.custom.min.js" type="text/javascript"></script>
非常感谢
答案 0 :(得分:1)
请尝试在路径前添加〜符号,例如:
<script src="~/Scripts/jquery.validate.min.js" type="text/javascript"></script>
希望有所帮助,
答案 1 :(得分:1)
ScriptManager是你的朋友
<asp:ScriptManager ID="ScriptManager1" runat="server">
<Scripts>
<asp:ScriptReference Path="~/Scripts/jquery-1.4.2.min.js" />
<asp:ScriptReference Path="~/Scripts/jquery.easing.1.2.js" />
<asp:ScriptReference Path="~/Scripts/jquery.color.js" />
<asp:ScriptReference Path="~/Scripts/jquery-ui-1.8.4.custom.min.js" />
</Scripts>
</asp:ScriptManager>
答案 2 :(得分:1)
我要做的第一件事是启动一个HTTP调试器,看看缺少哪些脚本或样式表。
我要做的第二件事是启动萤火虫,看看我得到的脚本和样式表错误。
答案 3 :(得分:0)
从它的声音来看,它可能不是一个脚本问题,它可能是一个CSS问题。它会导致页面上的内容显示不同,但您的JavaScript代码仍然有效。您是否检查过以确保正确包含样式表?
答案 4 :(得分:0)
@Wyatt Barnett的建议是我要开始的地方。清除缓存,查看Firebug的Net控制台并观察404中的任何页面。
如果失败,请集中精力查找生产和开发服务器上的源代码/支持文件之间的差异。获得一个差异工具(我在Mac上使用FileMerge,但是每个平台都有很多非常好的免费差异工具)。保存生产和开发页面的页面源(忽略服务器应该构建的内容,查看浏览器实际获取的内容)。密切关注可能存在的任何CSS差异,或者可能在生产环境中注入文档的任何无关元素。
最后,更改您的开发页面,以便他们直接指向生产环境中的JS文件。如果您不小心更改了其中一个文件,或者如果它们以不同版本保存,则会解决您遇到的问题。
如果页面源代码相同且JS文件相同且加载文件没有问题,我的下一个猜测是gremlins。他们进入一切。