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;
    });
});​

しかし、ワードプレスや私のテーマでは機能しません。私は Roots テーマ (Twitter Bootstrap) を使用しており、jQuery UI が機能しているので plugins.js にコードを配置しようとしましたが、そこに配置しましたが、違います。別のファイルからスクリプトを含める

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 に答える