의 jQuery 아약스 방법이 작동하지만, 파이어 폭스

Question

이 내 이전 게시물에 관련된에서 잘 작동하지 : 내가 대신 .load의 아약스 메서드를 사용하여 내 implmentation을 변경

jQuery .load Method causing page refresh AJAX

과 Firefox에서는 잘 작동하지만 IE7이나 IE6에서는 작동하지 않습니다.

$('ul#coverTabs > li > a').live('click', function(event) { 

    // Find href of current tab 
    var $tabValue = $(this).attr('href'); 

    $.ajax({ 
     type: "GET", 
     cache: false, 
     dataType: "html", 
     url: $(this).attr('href'), 
     success: function(data){ 

     $(data).find('.benefitWrap').each(function(){ 

      var $benefitWrap = $(this).html(); 

      $('.benefitWrap').replaceWith($('<div class="benefitWrap">' + $benefitWrap + '</div>')); 

     }); 

     } 

    }); 

    event.preventDefault(); 

}); 

이렇게까지 오래 걸렸으므로 이로 인해 나를 죽이는 경우가 있습니다.

내가 잘못 가고있는 아이디어가 있습니까?

Answer 1

실수로 문제가 해결되었습니다. 이 변수에서 참조

링크 :

var $tabValue = $(this).attr('href'); 

은과 같이 끝에 해시 값을했다가 :

https://bupacouk.bwa.local.internal.bupa.co.uk/cash-plan-quote/quoteAction.do?getBenefitLevelDetails=getBenefitLevelDetails&productPolicyId=7850#a1 

이 IE의 보테 버전에서 이상 떨어 AJAX 원인이됩니다. 그것을 제거

var $withoutHash = $tabValue.substr(0,$tabValue.indexOf('#')); 

Getrs을하고 지금 작동 :) URL에

Answer 2

그냥 빨리. IE6/7에서 자동으로 실패한 jQuery에 대한 몇 가지 실망한 문제가있었습니다. 아무것도가 있는지 나는 jslint을 통해 스크립트를 실행하는 것입니다

$.ajax({ 
     type: "GET", 
     cache: false, 
     dataType: "html", 
     url: $(this).attr('href'), 
     success: function(){}, 
)} 

: 대부분의 경우, 내 코드에서 어딘가에는 (반드시 문제의 아약스 호출)이 같은 인수 후 여분의 쉼표를했습니다 적절한 디버깅을하기 전에이 문제를 일으키는 구문이 재미 있습니다.

Answer 3

event은 reserved word in some versions of IE입니다. 매개 변수는 evt 같은 충돌을 피하기 위해 반드시 뭔가 event에서 캡처하고, 예컨대 : 추가 검토시

$('ul#coverTabs > li > a').live('click', function(evt) { 

    evt.preventDefault(); 

    // Find href of current tab 
    var $tabValue = $(this).attr('href'); 

    $.ajax({ 
    type: "GET", 
    cache: false, 
    dataType: "html", 
    url: $(this).attr('href'), 
    success: function(data){ 

    $(data).find('.benefitWrap').each(function(){ 

     var $benefitWrap = $(this).html(); 

     $('.benefitWrap').replaceWith($('<div class="benefitWrap">' + $benefitWrap + '</div>')); 

    }); 

    } 

}); 

업데이트

을 변경해보십시오, 나는 당신의 문제가 find() 믿습니다. 이 경우 filter()을 사용해야합니다. 더 바로 아래로 리팩토링 할 수

success: function(data) { 
    $(data).filter('.benefitWrap').each(function() { 
    // This should accomplish the same thing a bit more cleanly. 
    $('.benefitWrap').html(this.innerHTML); 
    }); 
} 

:

success: function(data) { 
    $('.benefitWrap').html($(data).filter('.benefitWrap').html()); 
} 

Answer 4

그럼 문제는 여기에있을 것 같다 :

는

success: function(data){  
      alert(data); 
      $(data).find('.benefitWrap').each(function(){ 
       alert(data); 
       var $benefitWrap = $(this).html(); 
       $('.benefitWrap').replaceWith($('<div class="benefitWrap">' + $benefitWrap + '</div>'));     
     }); 

두 번째 경고가 나타납니다 적이 있지만, 첫 번째는 않습니다. IE가 싫어!

Answer 5

해시는 IE 6, 7, xhr.status의 eror 500에 문제가 있습니다 :

다음 코드를 사용하여.잘 해결 :

function removeHash(url) { return url.replace(/#(.*)$/, ""); } 
$.get(removeHash(this.href),...) 

참조 : http://forum.jquery.com/topic/ticket-3808-ajax-load-fails-404-if-there-is-a-hash-in-the-url