WordPressのテンプレートページのjQuery

Question

私はjQueryを使用してWordPressウェブサイトのツールを開発しています。私はこれでかなり新しいですが、私がやろうとしていることはそれほど難しくありません。

私のスクリプトはエンキューされていますが、私はNoConflictモードで読みました。私は$を使用できませんので、代わりにjQueryを使用します。

function Calculator() 
    { 
     var result = jQuery('result'); 
     if (jQuery('day').value == "" || jQuery('month').value == "" || jQuery('year').value == "") { 

      return; 
     } 
     result.update('<span class="result">processing</span>'); 

     jQuery('form').request({ 
      onComplete: function(transport) { 
       result.hide(); 
       result.update(transport.responseText); 
       new Effect.Appear(result, { duration: 0.5 });   
      } 
     }); 

} 

私の問題は、私はどこにでもエラーを得ている： 更新が 要求が などが機能していない機能していない...私は、明らかに間違ってやっている何かが

ありますが、何を把握することはできません...

ありがとうございます！

Answer 1

あなたが見ているエラーは、問題を説明する（「更新が機能していない機能要求ではありません」） - これらは実際にjQueryの関数ではありません。

IDまたはクラス "結果"でHTML要素を更新しようとしているようです。 use .html()、それを行うには：あなたがPOSTを行うかの形式でGETしようとしているように.requestについて

var result = jQuery('.result'); // "." to select the element with class result 
result.html('something'); 

を、それが見えます。その場合、use .ajax()、.post（）、または.get（）。あなたはいくつかの詳細は、例えばを追加する必要がありますけれども注意：

jQuery('form').ajax({ 
    type: "POST", 
    url: someurl, 
    data: somedata, 
    onComplete: ... 
}); 

また、あなたの電卓（）関数は、ページが読み込まれている間、それ（または何でもそれを呼び出す）を確認して呼び出すことができる場合は、ラップされていますdocument.readyに：

jQuery(document).ready(function() { 
    ... 
}); 

無関係な問題で、クラスとフォーム入力を言う「その日」の値をチェックするには、あなたが使用する必要があります：あなたは、あなたのスクリプトをキューに入れられたファイル

jQuery('.day').val() 

Answer 2

クラスを使用して値を取得している場合、あなたはこのようにそれをしなければならない。

jQuery('.result').val() 

場合、またはidが同じようにそれを使用使用して：

我々は .val()機能を使用しjqueryの中

jQuery('#result').val() 

値の代わりに値を取得します。

Answer 3

更新は、リクエストはjqueryにありますか？

このように繰り返し書き込むのではなく、このように使用できます。

var j = jQuery.noConflict(); 
j(".result").html("<span>Processing..</span>");