jQuery：即使与 livequery() 绑定，Ajax 仅触发一次

发布于 2024-09-16 11:26:31 字数 616 浏览 8 评论 0原文

好的，所以，我使用 livequery() 将函数绑定到类“ajaxLink”的所有链接的单击事件。该功能完美触发...一次。在第一次成功的 ajax 调用点击后，后续的点击不会触发 ajax，这意味着（我猜测）它们不再受 livequery() 代码的约束。

我看到其他有类似问题的人将他们的代码移到了ready()函数之外，所以我尝试了，但没有成功（相同的结果）。

$('a.ajaxLink').livequery('click', function(e) {
  e.preventDefault();
  var target = $(this).attr('href') + '&ajax=y';
  var x = $(this).html();

  $.ajax({
   type: 'POST',
   url: target,
   //data: str,
   success: function(msg) {
    $('#mainPanel').slideUp(500, function() {
     $(this).html(msg).slideDown(1000);
    });
   }
  });
 })

如果您需要更多详细信息，请告诉我。预先感谢您的帮助！这个网站非常棒。

原文

OK, so, I use livequery() to bind a function to the click event of all links of class 'ajaxLink'. The function fires perfectly...once. After the first successful ajax call on a click, subsequent clicks don't fire the ajax, which means (I'm guessing) they aren't being bound by the livequery() code anymore.

I saw where others who had a similar issue moved their code outside the ready() function, so I tried that, to no avail (same results).

$('a.ajaxLink').livequery('click', function(e) {
  e.preventDefault();
  var target = $(this).attr('href') + '&ajax=y';
  var x = $(this).html();

  $.ajax({
   type: 'POST',
   url: target,
   //data: str,
   success: function(msg) {
    $('#mainPanel').slideUp(500, function() {
     $(this).html(msg).slideDown(1000);
    });
   }
  });
 })

Let me know if you need more detail. Thank you in advance for your help! This site is excellent.

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

A君 2024-09-23 11:26:31

.livequery() 存在问题，具体取决于版本和一些特殊的 DOM 情况。但是，您可以忽略这个问题...因为您正在做一些可以解决事件的事情，所以您可以使用内置的 .live() 此处（在 jQuery 1.3+ 中可用），如下所示：

$('a.ajaxLink').live('click', function(e) {
  e.preventDefault();

  $.ajax({
    type: 'POST',
    url: $(this).attr('href') + '&ajax=y',
    //data: str,
    success: function(msg) {
      $('#mainPanel').slideUp(500, function() {
        $(this).html(msg).slideDown(1000);
      });
    }
  });
});

.livequery() has issues depending on which version and some special DOM cases. However, you can ignore that problem...since you're doing something that works off events, you can use the built-it .live() here (available in jQuery 1.3+), like this:

$('a.ajaxLink').live('click', function(e) {
  e.preventDefault();

  $.ajax({
    type: 'POST',
    url: $(this).attr('href') + '&ajax=y',
    //data: str,
    success: function(msg) {
      $('#mainPanel').slideUp(500, function() {
        $(this).html(msg).slideDown(1000);
      });
    }
  });
});

回复收藏 0 原文

~没有更多了~