Ayuda en la programación, respuestas a preguntas / Jquery / JQuery funciona en el violín de JS, pero no en mi sitio web? [duplicado] - jquery, clase, selector, jsfiddle

JQuery funciona en JS violín, pero no en mi sitio web. [duplicado] - jquery, clase, selector, jsfiddle

De acuerdo, algo REALMENTE frustrante y extraño está sucediendo. Tengo JQuery instalado en mi servidor y sé que se importó correctamente porque cuando ejecuto un sencillo ...

$(function() { alert("hello") });

Alerta "hola". Sin embargo, cuando intento usar un selector css ...

$(".image").css("border","3px solid red");

¡No funciona! Sí, estoy 100% seguro de que hay algo con ese nombre de clase en el archivo. Este es el verdadero truco, cuando COPIE PASTADO mi código en una jsFiddle funcionó bien ¡¿Lo que da?!

Respuestas

7 para la respuesta № 1

Tu jsFiddle está configurado para onload en la parte superior izquierda de la ventana jsFiddle. Si lo configura en "No Wrap - in Head" que simula el código en el <head> etiqueta, entonces su jsFiddle ya no funciona.

los onload configuración significa que jsFiddle no ejecuta su javascript hasta que se haya cargado la página.

En su página real, probablemente esté ejecutando el javascript demasiado pronto antes de que se haya cargado la página.

Puedes arreglar eso poniendo tu javascript en su propio .ready() función:

$(document).ready(function(){
$(".image").css("border","3px solid red");
});

O bien, puede asegurarse de que el javascript no esté cargado / ejecutado hasta justo antes del </body> etiqueta, que es una forma sencilla de asegurarse de que el contenido de su página se carga antes de que se ejecute el script.

<body>
Your HTML content here

<script>
// your script here that runs after all of the DOM is parsed
$(".image").css("border","3px solid red");
</script>

</body>

Ver esta respuesta para más detalles sobre la colocación de la <script> etiqueta apropiadamente

0 para la respuesta № 2

¿Has probado añadiendo dentro? $(document).ready(function(){}); ?

<script src="http://code.jquery.com/jquery-1.10.0.min.js"></script>
<script>
$(document).ready(function(){
$(".image").css("border","3px solid red");
});
</script>

-2 para la respuesta № 3

if u have a internet connection following link useful for you

<script src="http://code.jquery.com/jquery-1.10.1.min.js"></script>
<script src="http://code.jquery.com/jquery-migrate-1.2.1.min.js"></script>

above link put inside a body or before write a script and please verify jquery js file.