jQuery Live - 当项目添加到页面时触发

Question

我的 MVC 视图发生了 Ajax 更新。它会显示一条消息，告诉用户操作已完成：

<% if (ViewData["colorOptionsMessage"] != null) { %>
    <span class="ajaxMessage"><%= ViewData["colorOptionsMessage"] %></span>
<% } %>

我希望在该消息出现后自动淡出该消息，并且我希望执行一次，并使其在整个站点范围内工作。这是我尝试过的方法，但不起作用（出现消息，但不显示警报）：

$(function () {
   $(".ajaxMessage").live("load", function () { 
      alert("once I can get this to show I'll put in a jueryUI fadeOut"); });
});

编辑

需要明确的是，我不需要淡出代码方面的帮助；我只需要帮助让 Live() 调用正确连接。

Answer 1

当新元素添加到页面时，没有直接的方法可以自动收到通知。 $('.ajaxMessage').live('load') 仅当使用 在图像、iframe 或对象/嵌入/小程序上触发 load 事件时才会发生>class="ajaxMessage"，对于进入页面的每个新元素，不会使用其自己的目标触发 load 事件。

您只能通过 (a) 来执行此操作DOM 突变事件，通常没有得到足够广泛的支持，或者 (b) 不断轮询以获取 .ajaxMessage 选择器并查看结果中是否出现任何新元素。

最好在（可能）将内容添加到页面后立即在 ajax() 中手动 $('.ajaxMessage', function() {...})方法的success 处理程序。

预计到达时间：

jQuery 处理程序在 ajaxForm 成功后似乎没有执行

如果您无法直接捕获 success，您可以尝试使用 ajaxSuccess。

Answer 2

下面的代码期望您通过 jQuery 进行 Ajax 调用。如果 ajax 调用不是通过 jQuery，则忽略此答案。我们能看到 ajax 调用本身吗？

 <Script type="text/javascript">
    $(function () {
// this is a jQuery global ajax event that fires for every ajax, you need to check the URL
       $.ajaxSuccess(function(e, xhr, settings){
          if (settings.url == 'URI/ for/ajax /message/load.') {
          alert("once I can get this to show I'll put in a jueryUI fadeOut"); 
        }
       });
    );

    </script>

Answer 3

当我想添加一些内容，等待一段时间，然后隐藏它时，我使用 setTimeout 函数而不是实时事件。我在成功回调中添加代码。

这是1秒的等待：

setTimeout(function(){ $("ajaxMessage").fadeOut(); }, 1000)

当然，如果你不想等待，只需在成功回调中淡出该元素即可。

这对你来说够了吗？

Answer 4

我不认为你可以将负载绑定到跨度。

仅适用于IMG IFRAME BODY

Answer 5

据我所知，jQuery 在“live”中不支持“ready”和“load”事件。因此，您可以使用插件 http://startbigthinksmall.wordpress.com /2011/04/20/announcing-jquery-live-ready-1-0-release/
这是演示 http://cdn.bitbucket.org/larscorneliussen/jquery .liveready/downloads/demo.html