JQuery와 호버()

을 발사하지 나는 아래의 마크 업을 가진 ASP.NET 사용자 제어 할 수 있습니다.()JQuery와 호버()

$(document).ready(function() { 
$(".myClass").hover(
    function() { 
     alert('in...'); 
    }, 
    function() { 
     alert('out...'); 
    }); 
}

문제는 .hover 표 "T2"의 TD 요소에 화재가 아니라 "T1"에 대한 : 나는 아래의 코드를 배치했다. 아무도 도와 줄 수 있습니까?

출처

2011-01-20 user583126

.hover는 정적으로 이벤트 처리기를 추가합니다.

시도

$(".myClass").live("hover", 
    function() { 
     alert('in...');alert('out...'); 
    } 
}

출처

2011-01-20 15:13:05 Neeraj

감사합니다. 작동합니다! 그런데 왜 두 번 해고됩니까? – user583126

나는 두 번 해고의 일부를 얻을 수 없습니다 ... 지금 정확한 코드를 게시 할 수 있습니까? – Neeraj

<입력 ID = "txtFirstName"값 = "$ {FIRSTNAME}"TYPE = "텍스트"/>

<입력 ID = "txtDOB"값 = " $ {DOB} "유형 ="텍스트 "/>

나는 텍스트 상자, 경고 화재와 난 (어디서나 TD 요소 위에 있지 않을하지만) 다시 마우스를 움직 경고 화재에 마우스를 가져 가면 다시. $ (". myClass") live ("hover", function() { alert ('in ...'); } ); 기본적으로 텍스트 상자의 호버에 div를 표시하려고합니다. 따라서 코드가 있으면 정말 도움이됩니다. – user583126

아마도 t1의 HTML이 스크립트 태그에 포함되어 있기 때문입니까? 아니면 jQuery 템플릿이 작동하는 방법입니까?

출처

2011-01-20 15:10:04

템플릿은 DIV에 바인딩되거나 추가 될 때까지 DOM의 일부가 아닙니다. 그 후에 모든 것이 작동합니다! – user583126

"T1"을하고는 jQuery를 템플릿에 있습니다. 이 템플릿은 준비 함수가 실행될 때 DOM에 삽입되지 않았을 것입니다. 그러므로 거기에는 없으며 어떤 사건도 없다. 두 가지 가능성이 있습니다. 템플릿을 삽입 한 후 함수를 실행하거나 이벤트를 모든 기존 요소와 미래 요소에 바인딩하는 "delegate"-function of jQuery을 사용합니다.

출처

2011-01-20 15:13:38 acme

페이지로드시로드되는 템플릿에 대한 html을 볼 수 있습니다. 그럼, 문서.준비는

JQuery와 호버()

답변

관련 문제