반응형
WordPress 커스텀 페이지에서 "TypeError: $ is not a function" 오류를 수정하는 방법
이 코드를 사용하여 주석을 켜거나 끌 수 있는 플러그인을 통해 사용자 지정 WordPress 페이지를 만들었습니다.
<script type="text/javascript">
$("comment_switch").click(function () {
$("comments").toggleClass("hidden");
});
</script>
안에 넣어놨어요.<body>태그. 생성하기<head>태그 표준 WordPress 기능을 사용했습니다.wp_head();페이지 소스 코드를 확인하면 머리 부분에 표시됩니다.<script src="http://10.1.1.6/wp-includes/js/jquery/jquery.js?ver=1.10.2" type="text/javascript">jQuery를 사용하기에 충분할 것 같아서요
누가 jQuery 코드가 작동하도록 도와줄 수 있나요?페이지의 전체 소스 코드를 여기에서 찾을 수 있습니다.
뭔가 놓치고 있는 것 같은데.클래스 마크업 및 DOM Ready 함수
jQuery(function($) { // DOM is now ready and jQuery's $ alias sandboxed
$(".comment_switch").on("click", function () {
$(".comments").toggleClass("hidden");
});
});
dom ready 이벤트에서 실행되는 함수에서 javascript를 캡슐화할 필요가 있습니다.
<script type="text/javascript">
$(function () {
$("comment_switch").click(function () {
$("comments").toggleClass("hidden");
});
});
</script>
<script type="text/javascript">
(function () { // 1) remove the "$"
$(".comment_switch").click(function () { // 2) add "." if this a class or "#" // if it is an id
$(".comments").toggleClass("hidden");
});
});
</script>
언급URL : https://stackoverflow.com/questions/18295538/how-to-fix-typeerror-is-not-a-function-error-in-wordpress-custom-page
반응형
'programing' 카테고리의 다른 글
| W3C 인증에 신경을 써야 합니까? (0) | 2023.03.09 |
|---|---|
| Respon on Click - 매개 변수를 사용하여 이벤트 전달 (0) | 2023.03.09 |
| Ckeditor 값을 Angular의 모델 텍스트에 바인딩JS 및 레일 (0) | 2023.03.09 |
| Spring Boot에서 Rest Web Service에 걸린 시간을 기록하는 방법 (0) | 2023.03.09 |
| 앱 엔진 Python webapp2에서 JSON을 올바르게 출력하는 방법 (0) | 2023.03.09 |