2009-07-14 4 views
1

내가 가지고있는 JQuery와 준비 기능에서 실행되는 다음라이브 쿼리 플러그인은 눈에 보이는 속성 선택기 작동하지 않습니다

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

나는 '안녕하세요'라고 처음으로 경고를 얻을 수 있지만, 함수가 호출되지 않습니다 앞으로 내가 텍스트 상자의이 가시성을 토글 할 때.

도와주세요.

+0

이 서식 필립 주셔서 감사합니다 –

답변

3

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

관련 문제