将jquery添加到Wordpress

-1

我有以下代码需要添加到我在Wordpress中处理的模板文件中。我使用php wp_enqueue_script（“jquery”）调用jquery;这是版本1.8.3。我已经在header.php文件中添加了脚本，虽然我可以使用Dreamweaver在本地执行此操作，但当我试图在wordpress中运行时，我无法弄清楚什么是错误的。将jquery添加到Wordpress

这里是我正在使用的代码：

<!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>

任何意见或帮助是极大的赞赏！

来源

2013-04-08 user1172854

在Firefox中获取Chrome开发工具或Firebug可能是一个想法，让您对运行时是否收到任何javascript错误有一点了解。 – 2013-04-08 01:06:51

在JS控制台中的任何错误？你能确认jQuery *是*加载吗？ – 2013-04-08 01:11:44

在JS控制台没有错误，我正在使用Firebug。 jQuery正在加载 - 在视图源代码中可以看到。 – user1172854 2013-04-08 01:23:43

在黑暗中只是一个尝试，但包装所有的代码，它使用$在

(function($){ 

    // your code here... 

}(jQuery));

我认为WordPress的默认拥有jQuery的在noConfilct模式或一些这样的事情。

来源

2013-04-08 01:11:05

我刚刚重新加载它，并有一个错误，但我不知道如何解决它：TypeError：$不是一个函数（）/ communities /（第25行） $（function（）{ – user1172854 2013-04-08 01:25:23

我改变了$（funtion（）{to jQuery（document）.ready（function（$）{并且不再获取错误，但它仍然不能正常工作 – user1172854 2013-04-08 01:29:24

所以现在你得到没有错误，或从您的js输出？ – 2013-04-08 01:41:53

将jquery添加到Wordpress

回答

相关问题