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

发布于 2024-07-27 18:21:36 字数 245 浏览 8 评论 0原文

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

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

我第一次收到警告说“Hello”，但当我切换文本框的可见性时，不会再调用这些函数。

请帮忙。

原文

I have the following running in the jquery ready function

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

I get an alert for the first time saying 'Hello' but the functions are not called onwards when i toggle this visibility of the textbox.

Please help.

分享到QQ

分享到微博

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

发布评论

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

水中月 2024-08-03 18:21:36

livequery“match/nomatch”事件不适用于“：visible”等 jQuery 伪选择器。它们确实为类选择器工作。

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

例如：

(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< /a>

The livequery "match/nomatch" events don't work with jQuery pseudoselectors like ":visible". They do work for class selectors.

An easy fix would be to also add a class when you show the item, and remove a class when you hide the item.

For example:

(html)

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

(script)

$(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"); 
    });

});

A demonstration of this can be found here: http://jsbin.com/uremo

回复收藏 0 原文

~没有更多了~