hover Works in demo but not in practice

Question

SO i have this demo that works great! But I put it in my website and it doesn't work!!!!

$('#test').hover(function() {
    if ($('#hello:hover').length > 0) {
         document.getElementById('hello').textContent = "A god like being, power swirls and mystifies beholder. Thousands of creations wander around the blank room. The room that seems to never end, that cannot be perceived by those other than the creator. The box confining those within, puppeteered by the being. The hands block those within from escaping, the hands of the creator";
    } else {
     document.getElementById('hello').textContent = "It pulls on it's chains";
    }
});

<!DOCTYPE html> 
<html>
  <head>
  
    
  </head>

  
  <style>
 div{

        background: orange;
    }  
</style>
  
  <body>
   
 
<div id= "chainbox" >
  
  <h2> <I id = "chain" > "It pulls on it's chains" </I>   </h2> 
  
  </div>

This is what i put into my website and it wont work. How do I fix it.

score -1 · Answer 1 · answered Apr 23 '22 at 01:54

You need to have jQuery linked in the project before running a jQuery script in your project. That error means it isn't reading the $ symbol. Put this script tag above your jQuery script.

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>

hover Works in demo but not in practice

1 Answers1