2010-08-27 81 views
-1

我用一些css和jquery設計了一個簡單的網站。所有的CSS都在標題中使用,JavaScript文件位於一個名爲Scripts的文件夾中,並在我的網站中引用,如下所示。一切都在本地美麗,但在服務器上的一些對象,如一些我的div的對象不在原來的位置,我的下拉菜單使用jquery不能正常工作,但他們有一些工作(像他們滑落或淡入淡出) 。aspx網站在網絡服務器上的行爲不同......但爲什麼?

我在Web服務器的根上製作了相同的文件夾結構。我正在使用.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> 

多謝

+4

你應該在生產中包含*縮小版本,而不是非縮小版本或'-vsdoc',也應該只包含一個版本的jQuery :)所有插件應該包含在jQuery之後,最後一件事情,如果您包含jQuery UI,則不需要顏色插件。它會看起來像這樣:http:// jsfiddle。net/nick_craver/YafaA/ – 2010-08-27 16:26:29

+0

感謝Nick,我認爲腳本路徑不再是我的問題,因爲jquery正在工作(有褪色,滑動等,但無序)。它只是不正常工作。我的div沒有對齊,這是一個CSS問題......只發生在生產服務器上。我不知道爲什麼。 – EKet 2010-08-27 17:39:19

+0

請嘗試更改您的母版頁或頁面的DOCTYPE,因爲它有時會決定渲染行爲。 – 2010-08-27 17:55:27

回答

0

@Wyatt Barnett的建議是我要開始的地方。清除緩存,查看Firebug的網絡控制檯,並觀看404頁中的任何頁面。

如果失敗,請專注於查找生產和開發服務器上的源代碼/支持文件之間的差異。獲得一個diff工具(我在Mac上,我使用FileMerge,但是有很多非常好的免費差異工具可用於每個平臺)。保存生產和開發頁面的頁面源代碼(忽略服務器應該構建的內容,查看瀏覽器實際上正在獲取的內容)。密切關注可能存在的任何CSS差異,或可能在生產環境中注入文檔的任何無關元素。

最後,更改您的開發頁面,以便它們直接指向生產環境中的JS文件。如果您不小心更改了其中一個文件,或者它們被保存在不同的版本中,則會導致您遇到的問題。

如果頁面源代碼相同,並且JS文件相同,並且加載文件沒有問題,我的下一個猜測就是gremlins。他們進入一切。

+0

哈哈嗯,我希望它不是gremlins。謝謝安德魯。 – EKet 2010-08-31 17:13:48

1

請嘗試添加了〜路徑前的跡象,例如:

<script src="~/Scripts/jquery.validate.min.js" type="text/javascript"></script> 

希望幫助,

+0

我同意這一點,因爲這發生在我的團隊大約2個星期前。 – XstreamINsanity 2010-08-27 16:35:25

+0

嗯...我試過這個,但現在我的jQuery甚至沒有工作。有什麼想法嗎?謝謝 – EKet 2010-08-27 17:27:18

+0

好吧,我添加了腳本描述爲o6tech,我回到了同樣的問題......我的div沒有對齊,我的jquery不按順序做事。 – EKet 2010-08-27 17:40:14

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> 
+0

這讓我回到我目前的問題......我的div不合適,我的jquery是越野車。 – EKet 2010-08-27 17:36:39

0

來自s它可能不是一個腳本問題,它可能是一個CSS問題。這會導致頁面上出現不同的東西,但是有一些JavaScript代碼可以工作。你有沒有檢查過,以確保你的樣式表包含正確?

+0

我的風格包含在標題中,沒有css文件。由於一切工作在本地,我不確定服務器上可能有什麼不同。 謝謝! – EKet 2010-08-31 16:10:49

1

我會做的第一件事是啓動一個HTTP調試器,看看哪些腳本或樣式表丟失。

我會做的第二件事是激發螢火蟲,看看我得到什麼腳本和樣式表錯誤。

+0

得到了螢火蟲,並會考慮到它感謝懷亞特。 – EKet 2010-08-31 17:14:19

相關問題