jquery-plugins - 带有 click 和 ajaxForm 调用的 Jquery 就绪函数

Question

我真的是使用 JQuery 的新手，我的代码中有错误。当用户单击“按钮”时，下一段代码运行良好，它将文件加载到内容 div 中。

 $(document).ready(function() {

        $('.Button').click(function() {
        var href = $(this).attr('href');

        if( typeof href != "undefined" && href != ""){
            $.ajax({
                url: href,
                dataType: 'text',
                success: function(data) {
                            $('#content').html(data);
                            ultXML = href;
                }
            });
        }
    });

});

但是现在我正在尝试使用 JQuery Form 插件（使用此示例http://www.malsup.com/jquery/form/）并且它不起作用（ajaxForm 调用），我无法理解如何合并我的下一个代码原始码。我尝试了很多方法，例如制作 2 个准备好的功能，但它也不起作用，

 $(document).ready(function() { 
            // bind 'myForm' and provide a simple callback function 
            $('#myForm').ajaxForm(function() { 
                alert("Thank you for your comment!"); 
            }); 
        }); 

我必须将下一段代码放在我原来的就绪函数中的什么地方？怎么可能两者兼得？

 $('#myForm').ajaxForm(function() { 
                alert("Thank you for your comment!"); 
            });

Answer 1

像这样，工作？

$(document).ready(function() {

$('.Button').click(function() {
    var href = $(this).attr('href');

    if( typeof href != "undefined" && href != ""){
        $.ajax({
            url: href,
            dataType: 'text',
            success: function(data) {
                        $('#content').html(data);
                        ultXML = href;
            }
        });
    }
});

$('#myForm').ajaxForm(function() { 
    alert("Thank you for your comment!"); 
});

});