Tengo algunas preguntas sobre jquery y javascript. Tengo un código que no funciona debido al conflicto de jquery, creo que es debido a la versión, descomprimido o comprimido (no estoy claro). La parte de mi código con el jquery es la siguiente:
<head>
<meta name="server-time" content="04/08/2014 09:57:32">
<link rel="stylesheet" href="css/container.css">
<link rel="stylesheet" href="css/css_main_az.css">
<link rel="stylesheet" href="css/tabs.css">
<link rel="stylesheet" href="css/main.css" type="text/css" />
<link rel="stylesheet" href="css/modal.css">
<link rel="stylesheet" href="css/style.css" type="text/css" id="" media="print, projection, screen" />
<link rel="stylesheet" type="text/css" href="widgets-min.css" title="default"/>
<link rel="stylesheet" type="text/css" href="tipped.css"/>
<script src="css/modal.js"></script>
<script type="text/javascript" src="jquery-1.7.2.min.js"></script>
<script type="text/javascript" src="jquery-ui-1.8.21.custom.min.js"></script>
<script type="text/javascript" src="widgets-min.js"></script>
<script type="text/javascript" src="spinners.min.js"></script>
<script type="text/javascript" src="tipped.js"></script>
<script type="text/javascript" src="css/jquery.js"></script>
<script src="css/modernizr.custom.js"></script>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
<script type="text/javascript" src="animatedcollapse.js"></script>
<script type="text/javascript" src="css/jquery-latest.js"></script>
<script type="text/javascript" src="css/jquery.tablesorter.js"></script>
</head>
¿Pueden ustedes ayudarme a identificar el conflicto?jquery, y también debo incluir todos esos otros javascript si ya he cargado desde el jquery? por ejemplo, ¿necesito hacer referencia al animatedcollapse.js si ya está en la biblioteca jquery? Por último, ¿qué debo hacer para solucionar este código conflictivo?
Gracias por adelantado
Respuestas
1 para la respuesta № 1Estás incluyendo el jquery biblioteca varias veces. Los siguientes son redundantes, elija uno y elimine el resto. Probablemente quieras que el script jquery sea el primero después de tu css <link>s
<script type="text/javascript" src="jquery-1.7.2.min.js"></script>
<script type="text/javascript" src="css/jquery.js"></script>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
<script type="text/javascript" src="css/jquery-latest.js"></script>
Probablemente no sea una mala idea tomar la versión más reciente de jquery.com y usar eso. Actualmente hay 2 opciones (1.11.0 y 2.1.0). Yo sugeriría 1.11.0 a menos que esté bien sin tener en cuenta las versiones anteriores de Internet Explorer.
1 para la respuesta № 2
Está cargando 4 versiones de jQuery, debería llamar solo una
<script src="css/modal.js"></script>
<script type="text/javascript" src="jquery-1.7.2.min.js"></script>
<script type="text/javascript" src="jquery-ui-1.8.21.custom.min.js"></script>
<script type="text/javascript" src="widgets-min.js"></script>
<script type="text/javascript" src="spinners.min.js"></script>
<script type="text/javascript" src="tipped.js"></script>
<script src="css/modernizr.custom.js"></script>
<script type="text/javascript" src="animatedcollapse.js"></script>
<script type="text/javascript" src="css/jquery.tablesorter.js"></script>`