javascript - WordPress 不使用我的 javascript？

Question

我正在尝试使用 jQuery 创建 ajax 表单提交和验证，但 wordpress 拒绝执行我的代码。

我有这个片段，正在处理 http://jsfiddle.net

$(document).ready(function(){
    alert("Test");
    $('.sendbutton').click(function(){
        var nimi = $('input[name=nimi]').val();
        var viesti = $('textarea[name=viesti]').val();
        $('.control-group').removeClass("error");

        if(nimi == ""){
        $('.control-group#nimi').addClass("error");
        return false;    
        }
        if(viesti == ""){
        $('.control-group#viesti').addClass("error");
        return false;    
        }
        var message = $('#contact').serialize();
        alert(message);return false;
        $.ajax({
        data : message,
        error : function(){alert('Viestiäsi ei lähetetty. Yritä uudelleen?');},
        success : function(){alert('Onnistui');}




        });
        return false;
    });
});​

但它不适用于 wordpress 或我的主题。我正在使用 Roots 主题 (Twitter Bootstrap)，我尝试将代码放在 plugins.js 中，因为 jQuery UI 正在工作，我把它放在那里，但没有。包含来自不同文件的脚本

Answer 1

来自法典:

The jQuery library included with WordPress loads in "no conflict" mode. This is to prevent compatibility problems with other javascript libraries that WordPress can load.

http://codex.wordpress.org/Function_Reference/wp_enqueue_script#jQuery_noConflict_wrappers

你应该使用:

jQuery(document).ready(function($) {
    // $() will work as an alias for jQuery() inside of this function
});