Wordpress에 Jquery 추가

-1

Wordpress에서 작업하고있는 템플릿 파일에 다음 코드를 추가해야합니다. jp jQuery wp_enqueue_script ("jquery") 호출하고 있습니다; 버전 1.8.3입니다. header.php 파일에 스크립트를 추가했는데 Dreamweaver를 사용하여 로컬에서 작업 할 수는 있지만 wordpress에서 실행하려고하면 잘못된 것이 무엇인지 알 수 없습니다.Wordpress에 Jquery 추가

<!DOCTYPE html> 
<html> 
<head> 
<meta http-equiv="content-type" content="text/html; charset=UTF-8"> 
<title> - jsFiddle demo</title> 
<script type='text/javascript' src='http://code.jquery.com/jquery-1.8.3.js'></script> 
<script type='text/javascript'> 
$(window).load(function(){ 
function sortUsingNestedText(parent, childSelector, keySelector) { 
var items = parent.children(childSelector).sort(function (a, b) { 
    var vA = $(keySelector, a).text(); 
    var vB = $(keySelector, b).text(); 
    return (vA < vB) ? -1 : (vA > vB) ? 1 : 0; 
}); 
parent.append(items); 
} 

/* setup sort attributes */ 
$('#sLocation').data("sortKey", "span.wpcf-field-location-value"); 
$('#sSchool').data("sortKey", "span.wpcf-field-schools-value"); 


/* sort on button click */ 
$("button.btnSort").click(function() { 
sortUsingNestedText($('#sortThis'), "div", $(this).data("sortKey")); 
}); 
}); 
</script> 
</head> 
<body> 
<div id="sortThis"> 
<div class="fp-floorplans"> 
<div class="fp-link"> 
<a href="#">Community 1</a> 
</div> 
<div id="wpcf-field-location" class="wpcf-field-checkboxes wpcf-field-location"><span class="wpcf-field-name wpcf-field-checkboxes wpcf-field-location-name">Loation:</span> <span class="wpcf-field-value wpcf-field-checkboxes-value wpcf-field-location-value">South</span> 
</div> 
<div id="wpcf-field-schools" class="wpcf-field-textfield wpcf-field-schools"><span class="wpcf-field-name wpcf-field-textfield wpcf-field-schools-name">School(s):</span> <span class="wpcf-field-value wpcf-field-textfield-value wpcf-field-schools-value">Southwest</span> 
</div> 
<div id="wpcf-field-price-starting-at" class="wpcf-field-textfield wpcf-field-price-starting-at"><span class="wpcf-field-name wpcf-field-textfield wpcf-field-price-starting-at-name">Price Starting At:</span> <span class="wpcf-field-value wpcf-field-textfield-value wpcf-field-price-starting-at-value">$100's</span> 
    </div> 
</div> 
<div class="fp-floorplans"> 
    <div class="fp-link"> 
<a href="#">Community 3</a> 
    </div> 
    <div id="wpcf-field-location" class="wpcf-field-checkboxes wpcf-field-location"><span class="wpcf-field-name wpcf-field-checkboxes wpcf-field-location-name">Loation:</span> <span class="wpcf-field-value wpcf-field-checkboxes-value wpcf-field-location-value">North</span> 
    </div> 
    <div id="wpcf-field-schools" class="wpcf-field-textfield wpcf-field-schools"><span class="wpcf-field-name wpcf-field-textfield wpcf-field-schools-name">School(s):</span> <span class="wpcf-field-value wpcf-field-textfield-value wpcf-field-schools-value">Crowder</span> 
    </div> 
    <div id="wpcf-field-price-starting-at" class="wpcf-field-textfield wpcf-field-price-starting-at"><span class="wpcf-field-name wpcf-field-textfield wpcf-field-price-starting-at-name">Price Starting At:</span> <span class="wpcf-field-value wpcf-field-textfield-value wpcf-field-price-starting-at-value">$100's</span> 
    </div> 
</div> 
<div class="fp-floorplans"> 
    <div class="fp-link"> 
<a href="#">Community 2</a> 
    </div> 
    <div id="wpcf-field-location" class="wpcf-field-checkboxes wpcf-field-location"><span class="wpcf-field-name wpcf-field-checkboxes wpcf-field-location-name">Loation:</span> <span class="wpcf-field-value wpcf-field-checkboxes-value wpcf-field-location-value">East</span> 
    </div> 
    <div id="wpcf-field-schools" class="wpcf-field-textfield wpcf-field-schools"><span class="wpcf-field-name wpcf-field-textfield wpcf-field-schools-name">School(s):</span> <span class="wpcf-field-value wpcf-field-textfield-value wpcf-field-schools-value">Northeast</span> 
    </div> 
    <div id="wpcf-field-price-starting-at" class="wpcf-field-textfield wpcf-field-price-starting-at"><span class="wpcf-field-name wpcf-field-textfield wpcf-field-price-starting-at-name">Price Starting At:</span> <span class="wpcf-field-value wpcf-field-textfield-value wpcf-field-price-starting-at-value">$100's</span> 
    </div> 
</div> 
</div> 
<button id="sLocation" class="btnSort">Sort By Location</button> 
<br /> 
<button id="sSchool" class="btnSort">Sort By School</button> 
<br /> 
</body> 
</html>

어떤 아이디어 나 도움이 크게 감사합니다 :

여기 내가 사용하는 코드입니다! 나는 기본적으로 워드 프레스를 생각 $

(function($){ 

    // your code here... 

}(jQuery));

에 사용

출처

2013-04-08 user1172854

Firefox에서 Chrome Dev Tools 또는 Firebug를 사용하면 런타임 중에 자바 스크립트 오류가 발생하는지 여부에 대해 약간의 정보를 얻을 수 있습니다. –

JS 콘솔에 오류가 있습니까? jQuery *가로드되었는지 확인할 수 있습니까? –

JS 콘솔에 오류가없고 Firebug를 사용하고 있습니다. 보기 소스 코드에서 보이는 것처럼 jQuery가로드 중입니다. - – user1172854

어둠 속에서 그냥 자상하지만, 포장의 모든 코드는 noConfilct 모드 또는 일부 그런 일에 jQuery를 가지고있다.

출처

2013-04-08 01:11:05

방금 다시로드 했으므로 오류가 있지만 문제를 해결하는 방법을 모르겠습니다. TypeError : $는 함수가 아닙니다. ()/communities/(줄 25) $ (function() { – user1172854

jQuery (document) .ready (function ($) {로 $ (funtion() {을 변경했지만 더 이상 오류가 발생하지 않지만 여전히 작동하지 않습니다.) – user1172854

이제 오류가 없거나 js에서 출력합니까? –

Wordpress에 Jquery 추가

답변

관련 문제