Ajuda na programação, respostas a perguntas / Jquery / JQuery funciona no violino JS, mas não no meu site? [duplicado] - jquery, classe, seletor, jsfiddle

JQuery trabalha em violino JS, mas não no meu site? [duplicado] - jquery, classe, seletor, jsfiddle

Tudo bem, algo realmente frustrante e estranho está acontecendo. Eu tenho JQuery instalado no meu servidor, e eu sei que é importado corretamente porque quando eu executo um simples ...

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

Ele alerta "olá". No entanto, quando tento usar um seletor css ...

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

Não funciona! Sim, tenho 100% de certeza de que há algo com esse nome de classe no arquivo. Aqui está o verdadeiro kicker, quando COPIAR PASSOU meu código em um jsFiddle funcionou muito bem. O que da?!

Respostas:

7 para resposta № 1

Seu jsFiddle está definido para onload no canto superior esquerdo da janela do jsFiddle. Se você configurá-lo para "No Wrap-in Head", que simula o código no <head> tag, então o seu jsFiddle não funciona mais.

o onload setting significa que o jsFiddle não roda o seu javascript até que a página tenha sido carregada.

Na sua página real, provavelmente você está executando o javascript muito cedo antes de a página ser carregada.

Você pode corrigir isso colocando o seu javascript nele .ready() função:

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

Ou, você pode garantir que o javascript não seja carregado / executado antes do </body> tag, que é uma maneira simples de garantir que o conteúdo da sua página seja carregado antes de o script ser executado.

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

Vejo esta resposta para mais detalhes sobre como colocar <script> tag apropriadamente.

0 para resposta № 2

Você testou adicionando 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 resposta № 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.