Eu estou com um problema bem incomum e estranho... Estou utilizando a biblioteca Jquery, porém, a mesma não esta sendo interpretada de forma correta, o problema não esta no código em si, ie, quando eu faço o código mesmo sem erro de sintaxe ou semântica o código não é disparado, porém, quando eu coloco o mesmo código no Codepen funciona de forma correta.
Nenhum código está funcionando
eu ja tentei:
<!-- Baixar a biblioteca -->
<!-- HTML -->
<div class="col">
<div id="pallete1" style="width: auto;height: 195px;background-color:
#316E1F"></div>
</div>
<script src="tmp.js"></script>
<script src="jquery-3.3.1.min.js"></script>
/*
* tmp.js
*/
$(document).ready(function(){
$("#pallete1").click(function(){
$(this).css("background-color", "blue");
});
});
<!-- Via CDN -->
<!-- HTML -->
<div class="col">
<div id="pallete1" style="width: auto;height: 195px;background-color:
#316E1F"></div>
</div>
<script src="tmp.js"></script>
<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js"
integrity="sha384-
q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo"
crossorigin="anonymous"></script>
/*
* tmp.js
*/
$(document).ready(function(){
$("#pallete1").click(function(){
$(this).css("background-color", "blue");
});
});
<!-- Arquivo unico -->
<!-- HTML -->
<div class="col">
<div id="pallete1" style="width: auto;height: 195px;background-color:
#316E1F"></div>
</div>
<script type="text/javascript">
$(document).ready(function(){
$("#pallete1").click(function(){
$(this).css("background-color", "blue");
});
});
</script>
<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js"
integrity="sha384-
q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo"
crossorigin="anonymous"></script>
Ressaltando que testei no navegadores Edge, Firefox e Chrome e não funcionou, testei também com um servidor e abrindo um arquivo direto do navegador e em outro computador aqui na empresa em que trabalho!
Alguns detalhes importantes:
- O mesmo código funciona no Codepen
- Funcionalidades que exigem Javascript do Bootstrap funcionam, menos os elementos Tooltips e Popovers
- As vezes o código engatilha, mas, para e volta quando quer
- A mesma logica só funciona com VanillaJs
Oque eu preciso:
Eu preciso codar em Jquery e utilizar as funcionalidades do Bootstrap e consigo, porém, só com utilização do Codepen mas eu quero salvar e testar meus códigos no pc
Obrigado a todos