즉, removeAttr title 문제가 발생했습니다.

Question

요소에서 attr 제목을 제거하려고하면 요소를 가리키는 두 번째 요소가 삭제됩니다.

이 문제는 Internet Explorer에서만 발생합니다. 당신은 단지 mouseover에 title 속성을 제거하기 때문에

$('span').live({"mouseover": function(){ 
    clearTimeout($(this).data('timeoutId')); 
    var title = $(this).attr('title'); 
    $(this).removeAttr("title"); 
    if($(this).children('.tip-hover').length > 0){ 
     if($(this).children('.tip-hover').is(':visible') == false){ 
      $(document).find('.tip-hover').hide(); 
      $(this).children('.tip-hover').fadeIn(100); 
     }else{ 
      $(document).find('.tip-hover').hide(); 
      $(this).children('.tip-hover').show(); 
     } 
    }else{ 

     if(title != false){ 
      var height = $(this).css('line-height') + 2; 
      $(this).prepend('<div class="tip-hover"><div class="tip-top"></div><div class="tip-hover-wrap"><div class="tip-hover-inner">' + title + '</div></div></div>'); 
      $(this).children('.tip-hover').css("margin-top", height + "px"); 
      var width = $(this).width()/2; 
      $(this).children('.tip-hover').css("padding-left",width+"px"); 
     } 
    } 

}, 
    "mouseout": function() { 
     var someelement = this; 
     var timeoutId = setTimeout(function(){ $(someelement).find(".tip-hover").fadeOut("slow");}, 350); 
     $(someelement).data('timeoutId', timeoutId); 
    } 
}); 

Answer 1

는 title 처음 표시되는 이유는 다음과 같습니다

여기에 코드입니다. 그때가 이미 너무 늦었습니다!

문서를로드하자마자 사용자 정의 data-* 속성에 백업을 저장하면 이벤트 처리기 외부에서 제목 속성을 제거하는 것이 좋습니다.

$(function() { 
    $('span').each(function() { 
    var $this = $(this); 
    $this 
     .data('title', $this.attr('title')) 
     .removeAttr('title'); 
    }); 
}); 

그런 다음, 코드, 대신 ...에

에게

var title = $(this).attr('title'); 

는 사용 :

var title = $(this).data('title');