jquery：将点击事件绑定到ajax加载的elmente？ live() 不起作用？

Question

嘿伙计们， 我有一个输入字段，用于在页面上查找匹配的字符。此页面仅列出锚链接。因此，当我打字时，我不断地 load() （使用 jquery load() 方法）这个包含所有链接的页面，并检查一组匹配的字符。如果找到匹配的链接，则会将其显示给用户。然而，所有这些链接都应该有 e.preventDefault() 。

它根本行不通。 #found 是显示匹配元素的容器。所有被点击的链接都应该有preventDefault()。

编辑：

/*Animated scroll for anchorlinks*/
var anchor = '',
    pageOffset = '',
    viewOffset = 30,
    scrollPos = '';
$(function() {
    $("a[href*='#']").each(function() {
        $(this).addClass('anchorLink');
        $(this).bind('click', function(e) {
            e.preventDefault();
            //console.log('test');
            anchor = $(this).attr('href').split('#')[1];

            pageOffset = $("#"+anchor).offset();

            scrollPos = pageOffset.top - viewOffset;
            $('html, body').animate({scrollTop:scrollPos}, '500');
        })      
    });
});

嗯，我正在寻找所有包含 # 的 href。所以我知道这些元素是跳转到其他元素的锚点。我不希望页面跳转，而是平滑滚动到具有特定 #id 的该元素。

当我对打开页面时加载的普通页面元素使用 bind('click', ... 时，效果很好。它不适用于通过 ajax 加载的锚点如果我将 bind 更改为 live，ajax 加载的元素不会发生任何变化 - 它们仍然不起作用，但是页面上一直存在的正常锚点却不起作用。所以 live() 也不起作用！

Answer 1

当你说“它不起作用”时，你的意思是你的函数没有被调用或者你不能取消该函数吗？据我所知，您无法取消现场活动。使用 jQuery 1.4，您可以使用 return false 来取消实时事件传播。调用 e.preventDefault() 不起作用。

编辑：正确，所以这段代码应该主要工作。它仍然不会做的是，它不会将“anchorLink”类添加到您的新锚点中。但是，如果点击有效，请告诉我，我也会为您提供正确的代码来添加该类！

var anchor = '',
    pageOffset = '',
    viewOffset = 30,
    scrollPos = '';
$(function() {
    $("a[href*='#']").each(function() {
        $(this).addClass('anchorLink');
    });


    $("a").live('click', function(e) {
        if ($(this).attr("href").indexOf("#") > -1) {
            e.preventDefault();
            //console.log('test');
            anchor = $(this).attr('href').split('#')[1];

            pageOffset = $("#" + anchor).offset();

            scrollPos = pageOffset.top - viewOffset;
            $('html, body').animate({ scrollTop: scrollPos }, '500');
            //nikhil: e.preventDefault() might not work, try return false here
        }
    });
});