javascript - 实时查询插件不适用于可见属性选择器

Question

我在 jquery 就绪函数中运行了以下内容

$('[id$=txtCustomer]:visible').livequery(
       function() { alert('Hello') }, 
       function() { alert('World') }
   );

我第一次收到警告说“你好”，但是当我切换文本框的可见性时，这些函数没有被调用。

请帮忙。

Answer 1

livequery“match/nomatch”事件不适用于 jQuery 伪选择器，如“:visible”。他们确实为类选择器工作。

一个简单的解决方法是在显示项目时也添加一个类，在隐藏项目时删除一个类。

例如:

(html)

<input type="button" value="toggle"/>
<div id="item" 
     style="width:100px;height:100px;background-color:#ff0" 
     class="Visible">
</div>

(脚本)

$(function() {

 $("#item.Visible").livequery(
     function() {
        alert("match");
     },
     function() {
        alert("nomatch");
     }
   );  


  $("input").click(function() { 
      if ($("#item").is(":visible"))
         $("#item").hide().removeClass("Visible"); 
      else 
         $("#item").show().addClass("Visible"); 
    });

}); 

可在此处找到相关演示:http://jsbin.com/uremo