qTip和.Live()数据

时间:2010-11-12 00:18:47

标签: filtering jquery qtip

简而言之, 我目前正在显示结果列表...然后我在结果上放置一个过滤器,并使用jQuery中的.live()拉出另一个结果列表。

当我使用qTip时,不是我的问题。目前有点像这样...没有所有细节。

$('.contact').each(function() {
   $(this).qtip({
      // These are my options within here
   });
});

如果我的代码使用.live()功能过滤我的结果。

$('.filterContacts').live('click', function(){
    var filterId = $(this).attr('id');  

    $.ajax({
    url: 'classes/class.Post.php?a=filterContacts',
    dataType: 'html',
    data: {
        filter: filterId 
    },
    success: function (responseText) {
        $(".contacts").html(responseText);
    },
    error: function() {
        alert("Oops... Looks like we're having some difficulties.");  
    }
    });
    return false;
});

所以现在我的qTip不喜欢处理我的过滤结果......有什么我可以做的吗?任何帮助都会很有意义!

更新 .contacts是一个围绕所有.contact div的div。 IE:

<div class="contacts">
  <div class="contact">FistName, LastName</div>
  <div class="contact">FistName, LastName</div>
  <div class="contact">FistName, LastName</div>
</div>

1 个答案:

答案 0 :(得分:1)

您应该在成功块中执行您的代码。

$('.filterContacts').live('click', function(){
        var filterId = $(this).attr('id');  

        $.ajax({
        url: 'classes/class.Post.php?a=filterContacts',
        dataType: 'html',
        data: {
            filter: filterId 
        },
        success: function (responseText) {
            $(".contacts").html(responseText);
            // call your each function here...
    $('.contact').each(function() {
       $(this).qtip({
          // These are my options within here
       });
    });


        },
        error: function() {
            alert("Oops... Looks like we're having some difficulties.");  
        }
        });
        return false;
    });