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调用），我无法理解如何合并我的orignal代码中的下一个代码。我尝试了很多方法，例如制作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!"); 
});

}）;

具有click和ajaxForm调用的Jquery ready函数

1 个答案: