site ASPX se comporte différemment sur le serveur web ... mais pourquoi?

Question

J'ai conçu un site simple avec quelques css et jquery. Tout le CSS est dans l'en-tête utilisant et les fichiers javascript sont dans un dossier appelé Scripts et référencé dans mon site comme ci-dessous. Tout est beau localement, mais sur le serveur certains objets tels que quelques-uns de mes divs sont hors de leurs positions d'origine, et mes menus déroulants qui utilisent jquery ne fonctionnent pas correctement mais ils fonctionnent un peu (comme s'ils glissaient ou disparaissaient) .

J'ai fait une structure de dossier identique dans root sur le serveur web. J'utilise .NET 3.5 et le serveur le supporte.

Est-ce que vous pensez que ça peut être un problème de chemin pour mes scripts? Qu'est-ce qui pourrait amener le CSS à déplacer les divs hors de position? Est-ce que css ou jquery se comportent différemment sur différents serveurs?

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

Merci un bouquet

Answer 1

La suggestion de @Wyatt Barnett est où je commencerais. Effacez votre cache, regardez dans la console Net Firebug et observez toutes les pages arrivant en 404.

Si cela échoue, concentrez-vous sur les différences entre le code source/les fichiers de support sur vos serveurs de production et de développement. Obtenez un outil de comparaison (je suis sur un Mac et j'utilise FileMerge, mais il y a des tas de très bons outils de comparaison gratuits disponibles pour chaque plate-forme). Sauvegardez la source de la page de vos pages de production et de développement (ignorez ce que le serveur est supposé construire, regardez ce que le navigateur obtient à la place). Portez une attention particulière aux éventuelles différences CSS ou aux éléments externes susceptibles d'être injectés dans le document dans votre environnement de production. Enfin, modifiez vos pages de développement afin qu'elles pointent directement vers vos fichiers JS dans votre environnement de production. Si vous avez accidentellement changé l'un de ces fichiers, ou s'ils ont été sauvegardés à des versions différentes, cela expliquerait les problèmes que vous voyez.

Si le code source de la page est identique et que les fichiers JS sont identiques et qu'il n'y a aucun problème à charger les fichiers, ma prochaine estimation est gremlins. Ils entrent dans tout.

Answer 2

S'il vous plaît essayer d'ajouter jusqu'à ~ signe avant chemins, par exemple:

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

Espoir qui aide,

Answer 3

ScriptManager est votre ami

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

Answer 4

De la s En fait, ce n'est peut-être pas un problème de script, il peut s'agir d'un problème de CSS. Les choses apparaîtraient différemment sur votre page, mais votre code JavaScript fonctionne. Avez-vous vérifié que vous incluiez correctement vos feuilles de style?

Answer 5

La première chose que je ferais est de lancer un débogueur HTTP et voir quels scripts ou feuilles de style sont manquants.

La deuxième chose que je ferais est de lancer firebug et de voir les erreurs de script et de feuille de style que je reçois.