jQuery를 시작하는 것에 대한 문장을 이해합니다

StackOverflow https://stackoverflow.com/questions/1314222

  •  19-09-2019
  •  | 
  •  

문제

정의는 무엇입니까? entire page 에서 다음 줄?

전체 페이지가 php 포함 () 또는 require () 함수를 통해 포함되면 해당 스크립트 코드를 <body> 내부가 아닌 태그 <head>, 태그 내부에서 jQuery 스크립트 파일을 호출하는 것은 어떤 이유로 든 작동하지 않기 때문입니다.

jQuery 코드를 설정하는 데 문제가있었습니다. 그러나 나는 그것을 내부에 넣어서 일할 수있게했다. HEAD 그리고 다음 코드

#1 코드

$(document).ready(function(){     
    --- code here---- 
});

나는 어떤 기능도 작동하지 않았다. 나는 코드 #1 내부와 외부에 그것들을 가지고 있었다. 다음은 예입니다.

#2 작동하지 않습니다

    function notEmpty() {                        
        //put this in a function and call it when the user tries to submit
        var tags = document.getElementById('tags').value;
        if(tags == '' || tags == null) {         
            alert('Please enter one or more tags');
            return false;
        }
        return true;
    }

INdex.php에 다음 코드로 태그 html, Head, /Head 및 Body를 포함시키기 위해 PHP를 사용합니다.

#3 소스 html, 헤드 및 바디 태그에 의해 코드

 include ( './official_content/html_head_body.php' );
도움이 되었습니까?

해결책

나는 그 진술의 용의자를 발견했다. 나는 <script> jQuery에 대한 태그 <head> 다른 문서와 마찬가지로 <script> 꼬리표. 브라우저는 PHP가 한 일을 알 수 없습니다. 나는 그것이 단순히 잘못된 진술이라고 생각합니다.

특정 코드를 해결하기 위해 #1로 작성한 내용은 전적으로 정확합니다. 기능을 전달합니다 $(document).ready() 문서가 "준비"될 때 코드를 실행할 수있는 코드를 공급할 수 있습니다 (의미 : 페이지 자체가로드 된 경우 이미지, 스타일 시트 등과 같은 외부 리소스를로드하지 않고 기다릴 필요가 없습니다. .

#2와 관련하여, 그 함수는 jQuery를 전혀 사용하지 않습니다. 내장 JavaScript 기능 만 사용하고 있습니다. 말하면, 양식 요소를 찾아서 올바르게 작동해야합니다. id="tags" 해당 요소가 비어있는 경우 경보 상자 표시 value. 이 기능을 어떻게 부르고 있었습니까? jQuery의 세계에서는 다음과 같은 일을 할 것입니다.

$("#id-of-your-form").submit(notEmpty);

당신은 또한 다시 작성할 수 있습니다 notEmpty() jQuery를 맛보는 기능 :

function notEmpty() {{
    var tags = $("#tags").val();
    if (tags == '' || tags == null) {
        alert('Please enter one or more tags');
        return false;
    }
    return true;
}

다시 말하지만, 그 기능의 나머지는 현재 jQuery에 전혀 연결됩니다. 거기에있는 방식대로 괜찮습니다.

마지막으로, #3은 jQuery와 관련이 없으며, PHP 내에서 발생하는 처리가 발생하기 때문에 JavaScript는 전적으로 알지 못합니다.

다른 팁

jQuery 소스를 html_head_body.php 파일에 넣고 "Content"PHP 파일에 기능을 추가하십시오.

<html>
<head>
   <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3/jquery.min.js" type="text/javascript"></script>
</head>
<body>
   <script type="text/javascript">
     $(document).ready(function(){

       function notEmpty() {                        
         //put this in a function and call it when the user tries to submit
         var tags = document.getElementById('tags').value;
         if(tags == '' || tags == null) {         
            alert('Please enter one or more tags');
            return false;
         }
         return true;
       }

     });
   </script>         
</body>
</html>
라이센스 : CC-BY-SA ~와 함께 속성
제휴하지 않습니다 StackOverflow
scroll top