JaeYa Blog

요즘 웹개발 하시는 분 대부분이 jQuery를 많이 사용하고 계실겁니다.

저두 그렇구요^^

오늘 이 녀석 때문에 3시간 동안 삽질의 삽질을 했네요.

바로 문제의 부분은

<script href="common/jquery.1.4.1.min.js" type="text/javascript" />

뭐가 문제 일까요??

전 이렇게 선언을 하고 그 밑에

<script type="text/javascript">
        function methodCall()
        {
             alert("test");
         }
</script>

스크립트 호출문을 추가를 했지만

해당 페이지를 실행 시키면 methodCall()이란 함수가 정의가 되지 않았다는 스크립트 

오류만 뱉어내더군요. 므냐~!!

그렇게 스크립트 디버깅을 IE, FF 왔다갔다하면서 해봤지만 해결을 못했죠

결국 구글링~~~~~~~~~~~~~


앗!!! 충격적인 한마디

script tags can't be self-closing. You need a closing script tag:

What the.......!!!!!

이것은 
<script href="common/jquery.1.4.1.min.js" type="text/javascript"></script>

이렇게 해야지만 된다는거.... O.O

여태까지 난 jquery를 어떻게 쓰고 있었던거지..

아무튼 이 하나의 정보를 얻기 위해 근무시간 3시간을 날렸다 ㅡ _ㅡ 오호호호

야근 +3 추가요~!!!!!

// Cross Browser Word Breaker with jQuery
// Usage : $('[search]').breakWords();
(function($) {
    $.fn.breakWords = function() {
        this.each(function() {
            if (this.nodeType !== 1) { return; }

            if (this.currentStyle && typeof this.currentStyle.wordBreak === 'string') {
                this.runtimeStyle.wordBreak = 'break-all';
            } else if (document.createTreeWalker) {
                var trim = function(str) {
                    str = str.replace(/^\s\s*/, '');
                    var ws = /\s/, i = str.length;
                    while (ws.test(str.charAt(--i)));
                    return str.slice(0, i + 1);
                };            //For Opera, Safari, and Firefox
                var dWalker = document.createTreeWalker(this, NodeFilter.SHOW_TEXT, null, false);
                var node, s, c = String.fromCharCode('8203');
                while (dWalker.nextNode()) {
                    node = dWalker.currentNode;
                    s = trim(node.nodeValue).split('').join(c);
                    node.nodeValue = s;
                }
            }
        });
        return this;
    };
})(jQuery);

오호..이런 좋은게 있었다니..

반나절의 삽질을

췌길... Literal 이것때문에 뭔 고생이람..ㅡㅡ;;

스타일이 먹히지 않는다걸 생각도 못하고. 다시는 이거 안써!!

Label이 짱이야.ㅋㅋ

## 참고 : jQuery.js (1.3.2) 버전 이상 가능