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。 Mootools中的addEvent的备用Jquery是什么

提前致谢:)

Answer 1

你可以使用on（）

//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

你也可以这样做：


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

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

Answer 3

JQuery on函数可以解决问题。

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

有关详细信息，请参阅http://api.jquery.com/on/。要取消绑定“点击”事件，请使用off，如下所示：

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

有关详细信息，请参阅http://api.jquery.com/off/。

注意：对于早期的JQuery版本（＆lt; 1.7），请使用bind和unbind。请参阅http://api.jquery.com/bind/和http://api.jquery.com/unbind/

Jquery中Mootools addEvent的替代方法

3 个答案: