JQuery Hover가 작동하지 않습니다. Mozilla

다음 코드 스 니펫이 있습니다 .Hover는 Mozilla에서 문제가 있습니다. 마우스를 올리면 색이 바뀌지 만 나가기 전에는 되돌아 가지 않습니다. 가끔씩 만 발생하는 경우가 있습니다. 또한이 경우 FireBug를 사용하여 HTML을 검사하면 여분의 클래스가 hover 후에도 할당되었음을 알 수 있습니다. IE에서 정상적으로 작동합니다.이 버전은 단순합니다.JQuery Hover가 작동하지 않습니다. Mozilla

또한 알 수 있듯이 색상을 설정하고 있습니다. TR에있는 TextBoxes의 Color는 변경되지 않습니다. TR에 포함 된 컨트롤의 배경색이 마우스 오버시 변경되는지 어떻게 확인할 수 있습니까?

<style type="text/css"> 
     .HighLight 
     { 
      background-color:Fuchsia; 
     } 
     .Select 
     { 
      border:soild 2px Blue; 
      margin:3px; 
     } 
     </style> 
    <script type="text/javascript" src="jquery-1.4.2.js"> 

    </script> 
    <script type="text/javascript"> 
     $(function() { 
     $(".Select").hover(
      function() { 
       $(this).addClass("HighLight"); 
      }, 
      function() { 
       $(this).removeClass("HighLight"); 
      }); 
     });

ASP.NET 리피터 컨트롤에서 생성 한 내 마크 업은 TR 할당 클래스 선택이있는 테이블입니다.

<tr class="Select" > 
<td> 
<input type="checkbox" id="chkSelect" /> 
</td> 
<td> 
<input name="Repeater1$ctl11$tb" type="text" value="Sharp Bikes" id="Repeater1_ctl11_tb" /> 
</td> 
<td> 
<input name="Repeater1$ctl11$tb2" type="text" value="10/13/2004 11:15:07 AM" id="Repeater1_ctl11_tb2" /> 
</td> 
</tr>

출처

2010-06-15 josephj1989

플라

파이어 폭스에서 Firebug을 사용할 수 있습니다

출처

2010-06-15 03:14:25 turtlepick

이 코드가 생성되면 아마도 jQuery 코드는 이에 대해 알 수 없습니다.

.live 키워드를 사용하여 어떤 일이 일어나는지보십시오.

또한 효과가 없지만 $(function(이 아닌 $(document).ready(을 사용하고 싶습니다. 개인 취향이지만 이러한 문제는 결코 발생하지 않습니다.

내가 jQuery를에 마우스 오버 (addClass)와로 마우스 (removeClass) 대신

http://api.jquery.com/mouseover/

행운을 시도라고 말하고 싶지만

출처

2010-06-15 03:11:06 griegs

양식이 준비되어 있고 ID가 아닌 클래스를 기반으로 할 때 Jquery Selector가 적용되므로이 문제가 발생하지 않는다고 생각합니다. 또한 그것은 IE에서 일하고 있으며 주로 Mozilla에서 일하고 있습니다. – josephj1989

어디 알고 문제 야.

당신은 this

출처

2010-06-15 03:35:19 eos87

좋은 소식처럼, 테이블 태그를 넣을 필요가! 나는 당신의 버그를 재현 할 수있었습니다!

문제는 jquery 선택기가 "Select"클래스로 모든 요소를 가져 오는 것입니다. 호버 (hover)하는 동안 클래스 "하이라이트"를 추가합니다. 따라서 마이크로 초 동안 jQuery는 해당 요소의 클래스 정의를 다시 작성하고 때로는 선택 규칙에서 삭제합니다.

당신의 jQuery를이 선택 변경해보십시오 :

//... 
function(){ 
    $(this).css('background',"fuchsia"); 
}, 
function(){ 
    $(this).css('background',''); //removes rule 
} 
//...

: 직접 요소 스타일에 영향을 미치는 당신의 호버 함수의 내부를 변경, 더 나은 아직

$("tr[class~='Select']").hover(...

나 :

$(".Select").hover(...

에

.. 정말요? Fuscia!

출처

2010-06-15 04:01:06

JQuery Hover가 작동하지 않습니다. Mozilla

답변

관련 문제