jquery ajax问题

Question

感谢你们迄今为止给我的每一个帮助！ :D

现在，我在使用 jquery 和 ajax 时遇到了一些问题

应用 jquery 分页插件“pajinate”

$(function(){
    $('#talent_paging').pajinate({
        num_page_links_to_display : 4,
        items_per_page : 15,
        nav_label_first : '«',
        nav_label_prev : '<',
        nav_label_next : '>',
        nav_label_last : '&raquo;'
    });
});

，我从数据库中获取所有用户的照片，将它们调用到网格中，然后使用以下代码源 ： jquery.pajinate

该页面是关于使用某些参数，例如：年龄、性别和关键字的范围 我正在使用 ajaxform 来处理表单提交，使用此代码

$(function() { 
    var options = { 
        target:'#talent_paging',
    };
    $('#search_talent').ajaxForm(options); 
});

源： ajaxForm

就像你一样我猜，分页在第一页加载时运行良好，但是一旦我进行搜索，它就失败了。当我使用jquery数据表并尝试操作每一行时，我实际上遇到了类似的问题，它在第一页上运行良好，但在下一页上失败了。

我使用 .delegate() 解决了我的数据表的问题，我认为这个问题也有同样的问题，我尝试了几种方法在我的分页搜索问题上添加委托方法，但这只是试验，不知道我实际上在做什么（复制此粘贴：p）因为我不太明白 .delegate() 是如何工作的

，所以请帮助我解决这些问题

是委托是解决我当前问题的最佳方法？

如果是，请帮助我理解 .delegate() 是如何工作的，

谢谢

Answer 1

$().delegate() 仅适用于事件，例如单击、鼠标悬停、焦点等。Javascript 中有一个概念称为“冒泡”。这意味着，除非您明确另有说明，否则每个事件都会在 DOM 树中“冒泡”，并在树中的每个元素上触发。这意味着您可以使用共同的祖先元素来“捕获”子元素上特定类型的所有事件。

据我了解，这在 pajnate 插件上不起作用，因为它不使用事件。我相信它在调用时修改了文档。

每次ajaxform完成工作时，您都需要使用回调函数来调用$('#talent_paging').pajinate()：

$(function() { 
    var options = {
        target:'#talent_paging',
        success: function() {
            $('#talent_paging').pajinate({
                num_page_links_to_display : 4,
                items_per_page : 15,
                nav_label_first : '«',
                nav_label_prev : '<',
                nav_label_next : '>',
                nav_label_last : '»'
            });
        }
    }

    $('#search_talent').ajaxForm(options); 
});

请注意，这段代码在优化方面并不出色，但它是如果没有看到你的基本 HTML，很难做到这一点。

Answer 2

您使用的是 IE8 之前的 IE 吗？如果是这样，这可能就是问题所在——你曾经遇到过语法错误（或者至少是歧义），但据我所知，只有 IE 会关心它：

$(function() { 
    var options = { 
        target:'#talent_paging', // <=== This comma is the error
    };
    $('#search_talent').ajaxForm(options); 
});

对象文字的语法直到最近才明确允许尾随逗号。 SpiderMonkey (Firefox)、V8 (Chrome) 以及 Safari 和 Opera 使用的任何内容都不在乎，但在 JScript 6 (IE8) 之前，JScript (IE) 会在逗号上引发解析异常，并且您的脚本会终止。如果您使用数组文字执行此操作，则会发生类似但不同的情况：

var a = [1, 2, 3, 4, 5, ];

IE (JScript) 创建一个包含六个（是的，六个）条目的数组，其中最后一个是未定义。这并非不合理，因为我们总是允许有空白条目（例如，var a = [1, , 3];），并且这些条目默认为undefined，但其他人却走了相反的路，创建了一个包含五个条目的数组。

最近的第五版规范澄清了这一点（耶！） 。在对象字面量（第 11.1.5 节）和数组字面量（第 11.1.4 节）中明确允许使用尾随逗号，并且在数组字面量的情况下，它不会添加到数组的长度（上面的a.length是5）。

IE 的最新发布版本使用 JScript 6，它现在允许在对象文字上使用尾随逗号，但仍然存在数组末尾额外条目的问题。希望现在 ECMAScript 5 已经解决了这一问题，微软 JScript 的下一个版本将改变这一点，尽管这对他们来说必须更难推销......