[WordPress] ワードプレスの jQuery のスクリプトが jQuery.noConflict 使用法の 1 つのインスタンスで開始されていません

スポンサーリンク

Question

ワードプレス 2 インスタンスがある: ローカルおよびリモート (リモートいくつかのプラグインからを除くローカルからアップロードされた主に、非常に似ているはず)。コードがそれなしでそれが動作していないためローカル多くのプラグインを追加した後、jQuery.noConflict メソッドを使用します。今、ワードプレス、それはまだ、始まっていないが、それがローカルで動作するリモート アップロード:)。JS メソッドが開始だけではないです。確認のための HTML ファイルの HEAD セクションに適切なパスを持つファイルが添付されます。コンソールに表示されるエラーはありません

期待される振る舞いは: JS 警告する必要がありますそれが表示されません

ここでは、JS コード:

var jQueryAlias = jQuery.noConflict();       

function customizeWebUIForEmailSubscriberPlugin() {
        alert("customizeWebUIForEmailSubscriberPlugin"); 
        //format input button
        jQueryAlias('#elp_txt_email').removeClass('elp_textbox_class').addClass('form-control').addClass('full-width');

        //format input button
        jQueryAlias('#elp_txt_email').removeClass('elp_textbox_class').addClass('form-control').addClass('full-width');

        //format message text
        //jQuery('.elp_msg').removeClass('elp_msg').addClass('post-body');
        jQueryAlias('#elp_msg').addClass('message-format');


        //hide submit button
        jQueryAlias('#elp_txt_button').addClass('hide');        

        //hide email label
        jQueryAlias('.elp_lablebox').addClass('hide');        
    }

    jQueryAlias(customizeWebUIForEmailSubscriberPlugin);

の答え

以下してみてください。

document.ready

、上発生する必要があります、関数呼び出すことができますもそれを好きなときにします

jQuery(function ($) {
    function customizeWebUIForEmailSubscriberPlugin() {
        alert("customizeWebUIForEmailSubscriberPlugin");
        //format input button
        $('#elp_txt_email').removeClass('elp_textbox_class').addClass('form-control').addClass('full-width');

        //format input button
        $('#elp_txt_email').removeClass('elp_textbox_class').addClass('form-control').addClass('full-width');

        //format message text
        //jQuery('.elp_msg').removeClass('elp_msg').addClass('post-body');
        $('#elp_msg').addClass('message-format');
        //hide submit button
        $('#elp_txt_button').addClass('hide');

        //hide email label
        $('.elp_lablebox').addClass('hide');
    }
    $(document).ready(function() {
        customizeWebUIForEmailSubscriberPlugin();
    });
});

編集:

WP で jquery を追加するために追加あなたのテーマの functions.php ファイル、終了 php タグ tat 前の下にこのコード次のような:

?>

:

function pk_enqueue_scripts() {
    wp_enqueue_script('jquery');
}
add_action('pk_enqueue_scripts', 'wp_enqueue_scripts');

答え

問題は両方のサーバーに (ローカルおよびリモート) jquery lib が接続されている HEAD タグでさまざまなシーケンスで。自分のローカル マシン上: jQuery script.js 後ついていたがあり、それは働きました。リモート: jQeury 私 script.js 後ついていた。このような方法私のリモート マシン上で動作する理由がわからないイム

ソリューション: コードを追加した後


HEAD タグの後に右それは動作します:).

http://stackoverflow.com/questions/27620771/wordpress-jquery-script-is-not-starting-on-one-instance-with-jquery-noconflict-u

スポンサーリンク

Leave a Reply