Mootoolsの別のメソッドJqueryの

Question

$('test_div').addEvent('click', function() { 
     formElement = $$('.field_search_criteria')[0]; // get it from <form class="field_search_criteria" id="field_search"> 

     // On search 
     formElement.addEvent('submit', function(event) { 
      event.stop(); 

     alert(formElement.toQueryString()) 
     }); 
    }); 

上記のmootools関数を誰かがJqueryに変換するのを助けることができます。

 

jQuery.fn.addEvent = jQuery.fn.bind; 

//Usage 
$(document).ready(function() { 
    $('test_div').addEvent('submit',function(){ .... }); 
}); 
 

Answer 1

）

//When i click on the element with id = test_div (substitue # with . if you are talking about a class) 
$('#test_div').on('click', function() { 
    //select the form with id = field_search 
    formElement = $('#field_search'); // get it from <form class="field_search_criteria" id="field_search"> 

    // On Submit 
    formElement.on('submit', function(event) { 
     //prevent default action 
     event.preventDefault(); 
     //alert serialized data 
     alert(formElement.serialize()) 
    }); 
}); 

Answer 2

は何をも行う可能性がありますそのトリックを行います。

$("#test_div").on("click", function() {}); 

詳細については、http://api.jquery.com/on/を参照してください。 「クリック」イベントをバインド解除するには、このようなoffを使用します。

$("#test_div").off("click"); 

は、詳細はhttp://api.jquery.com/off/を参照してください。

注：以前のJQueryバージョン（< 1.7）では、bindとunbindを使用してください。 http://api.jquery.com/bind/とhttp://api.jquery.com/unbind/

Answer 3

jQueryのon機能：あなたは（上で使用することができ、代替MooToolsの中addEventのjqueryの事前の

感謝:)