jQuery - 마우스 오버시 텍스트 변경

Question

<span id="change"> 
    Stuff In Here 
</span> 

<script> 
$("#change").on("mouseover", function() { 
    $('#change').text("This is the new html"); 
}); 
</script> 

다음은 작동하지 않습니다. jQuery 멍청한 놈처럼, 이유가 확실하지 않습니다.

Answer 1

변경이 :

<script> 
$("#change").on("mouseover", function() { 
    $('#change').text("This is the new html"); 
}); 
</script> 

당신은 아무것도 참조하지 않기 때문에. 이것을 시도하십시오 :

<script> 
    $(document).ready(function() { 
    $("#change").mouseover(function() { 
     $('#change').text("This is the new html"); 
    }); 
    }); 
</script> 

글쎄, 피들에 또 다른 오류가있었습니다. 왼쪽 상단 모서리에서 jQuery 버전을 선택하지 않았습니다. 업데이트 후, 코드는 완벽하게 작동했는데, 나는 당신이 당신의 웹 사이트에서 스크립트를 링크하지 않았을 것이라고 결론을 내렸다.

레이아웃의 head 섹션 (웹 사이트)

다음

지금보고있는 script 파일을 연결하십시오 : http://jsfiddle.net/afzaal_ahmad_zeeshan/HMhVn/3/

나는 그것을를 업데이트하고, 지금은 완벽하게 실행 :

Answer 2

을 여기 있네! http://jsfiddle.net/HMhVn/6/

원하는 경우 유연성 향상을 위해 마우스 오버시 수행 할 작업을 결정하기 전에 텍스트를 변수에 넣어 나중에 액세스 할 수 있도록 원래 문자열을 캐싱 할 수 있습니다.

HTML :

<span id="change"> 
    Stuff In Here 
</span> 

JQuery와 :이 영구적 여부를 변경할 수 있습니다

$(document).ready() 
{ 
    $("#change").hover(
     function() // on mouseover 
     { 
      $(this).text("This is the new html"); 
     }, 

     function() // on mouseout 
     { 
      $(this).text("Stuff In Here"); 

     }); 
}; 

, 그것은이해야 할 몫이다. 개인적으로, 나는 융통성있게 코드화했다.