6 years, 9 months 전-
JS를 워드프레스에 적용하는 방법을 이리 저리 해봤는데 도저히 안되겠어서 그냥 Simple Custom CSS & Java라는 플러그인을 설치했습니다. 몇몇 스크립트는 빠르게 적용할 수 있어서 좋았는데, 다음 스크립트는 적용이 안되더군요. 정해진 시간(09시)를 초과하면 ‘영업 중’이라는 글자가 나오게 하는 겁니다. 메모장에
<!DOCTYPE html>
<html>
<head>
</head>
<body><script>
var LossoblueWH = 09
var LossoblueWM = 00
var d= new Date();
var hours = d.getHours();
var minutes=d.getMinutes();
var seconds=d.getSeconds();
if(LossoblueWH<hours){
document.getElementById(“onWorking”).innerHTML=”영업 중”;};
</script>
</body>
</html>이라고 했더니 브라우저에서는 잘 나왔습니다.
그런데 말씀드렸던 Simple Custom CSS & Java에 Edit JS Code 란에
var LossoblueWH = 09;
var LossoblueWM = 00;
var d= new Date();
var hours = d.getHours();
var minutes=d.getMinutes();
var seconds=d.getSeconds();
if(LossoblueWH<hours){
document.getElementById(“onWorking”).innerHTML=”영업 중”;};를 넣고
원하는 페이지에
이라고 했는데 페이지에서는 감감무소식이네요…
너무 지엽적인 문제를 질문드린 것 같아 죄송합니다…
위 스크립트가 <head> 영역에 들어있다면 적용이 안되는게 당연할것이구요, 만약에 wp_footer 쪽에 스크립트를 뿌릴 수 있는 설정이 있다면 그걸 사용해 보세요.
그게 아니라면, jQuery 의 ready 혹은 on(‘load’, …) method 를 사용해서 페이지가 로딩된 후에 스크립트가 적용되도록 해 보시길.
이렇게 바꾸세요.
훔냐…. 코드를 댓글에 아예 작성할 수 가 없네요.
이런 메세지가 뜹니다.
403 Forbidden
A potentially unsafe operation has been detected in your request to this site.
js fiddle 에 올려놨습니다. https://jsfiddle.net/mspsys/agk21nz6/
문서 어디에 포함되던 자스가 포함되기만 하면 작동 됩니다.jQuery 는 performance 가 극혐이라서,… 쓸이유가 없으면 쓰지 않는 것이 올바른 코딩 입니다.
워드프레스내에서의 자스 스트립팅은, 다른 여러 자스들과 충돌이 생길 수도 있고, 또 질문자분 상황처럼 의도치 않은 자리에 자스가 로딩 되는 경우가 있어서 모든 스크립팅을 bullet-proof 하게 작성하시면 골아플일 없습니다. (어떤 상황에서도 오류가 나지 않도록 스크립팅 하시라구요.)
jQuery 는 초보개발자에게 편하게 느껴질 수 있지만, 여러가지 conflict 이 발생하고 jQuery 의 abstraction 이 주는 편리성에 비해 개발자 시간을 너무많이 잡아먹습니다. (서로 충돌이 나는 경우 debugging 을 장님이 길더듬어가듯 해야 하는 문제가 있습니다.) 물론 구동 속도도 매우 느리구요. jQuery 의 가장 큰 장점은 크로스브라우징 이었는데, 지금 개발 배우시는/시작하시는 분들은 jQuery 배우지 않으셨으면 좋겠습니다. 요즘 웹 환경에는 좋은 물건이 아닙니다. (물론 10년전에는 jQuery 보다 더 좋은 제품이 없었던게 사실 입니다.)
- 답변은 로그인 후 가능합니다.