1

我正在尝试使用 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 正在工作，我把它放在那里，但没有。包括来自不同文件的脚本

4

1 回答 1

2

来自法典：

WordPress 附带的 jQuery 库以“无冲突”模式加载。这是为了防止与 WordPress 可以加载的其他 javascript 库的兼容性问题。

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
});
于 2012-10-08T06:47:30.547 回答