해제 앵커/사파리

Question

는 다음과 같은 코드를 생각해

$("a").attr("disabled", "disabled"); 

IE와 FF에서,이 앵커가 unclickable 할 것입니다,하지만 웹킷 기반 브라우저 (구글 크롬과 사파리)에서이 아무것도하지 않습니다. disabled 속성에 대한 좋은 점은 쉽게 제거되고 href 및 onclick 속성에 영향을 미치지 않는다는 것입니다.

원하는 결과를 얻는 방법에 대한 제안 사항이 있습니까? 응답은 다음과 같아야합니다 :

• AJAX 호출이 실행되는 동안 양식 입력 컨트롤을 사용하지 않으려면 쉽게 되돌릴 수 있어야합니다.
• 가 IE, FF, 및 웹킷

Answer 1

에서 작동해야합니다 나는 당신이이 앵커 요소에 바인드 onclick 이벤트 핸들러가 있다고 가정합니다. 이벤트 처리기에서 "disabled"속성을 확인하고 이벤트가 설정되어 있으면 취소하십시오. 이벤트 처리기는 다음과 같습니다.

$("a").click(function(event){ 
    if (this.disabled) { 
    event.preventDefault(); 
    } else { 
    // make your AJAX call or whatever else you want 
    } 
}); 

스타일 시트 규칙을 설정하여 커서를 변경할 수도 있습니다.

a[disabled=disabled] { cursor: wait; } 

편집 - 설명에 제안 된대로 "비활성화 됨"확인이 단순화되었습니다.

Answer 2

다른 조건 등에 따라이 속성을 사용하거나 사용하지 않도록 설정 한 앵커가 많은 사이트에서이 동작을 수정해야했습니다. 어쩌면 이상적이지는 않지만 그런 상황에서는 원치 않는 경우 개별적으로 각 앵커의 코드를 수정,이 모든 앵커에 대한 트릭을 할 것입니다 :

$('a').each(function() { 
    $(this).click(function (e) { 
     if ($(this).attr('disabled')) { 
      e.preventDefault(); 
      e.stopImmediatePropagation(); 
     } 
    }); 
    var events = $._data ? $._data(this, 'events') : $(this).data('events'); 
    events.click.splice(0, 0, events.click.pop()); 
}); 

과 :

a[disabled] { 
    color: gray; 
    text-decoration: none; 
}