Thuộc tính ARIA trong IE10

Question

Tôi đang cố gắng đặt thuộc tính aria-autocomplete trên một phần tử bằng jQuery. Tuy nhiên, khi IE10 đang chạy ở chế độ IE5 Quirks hoặc Chế độ chuẩn IE7 nó sẽ tạo ra lỗi Member not found.

<input type="textbox" id="test" />​ 
$('#test').attr({"aria-autocomplete": "list"});​ 

Xem này jsFiddle để xem bản trình diễn.

Tôi đã thử nhiều ARIA các thuộc tính khác theo quy định ở đây:

HTML 5: The Markup Language (ARIA Edition)

Một số sản xuất lỗi tương tự, một số khác thì không.

Tôi không thể tạo lại lỗi trong IE9.

Đây có phải là lỗi trong IE10 không? jQuery? Hay có lý do nào khác cho điều này mà tôi không hiểu?

Answer 1

POZ,

Đây là một lỗi được biết đến trong trình duyệt IE10 khi ở chế độ tương thích. Vui lòng bỏ phiếu bầu này để tăng khả năng nó sẽ được sửa. https://connect.microsoft.com/IE/feedback/details/774078 Vé được gửi bởi nhóm jQuery.

Bạn đã thử mẫu mã của mình trong IE7 thực chưa? Tôi đã thử jsFiddle của bạn với browserstack (WinXP/IE7) và ví dụ làm việc mà không có lỗi.

Nếu bạn đang sử dụng chế độ tương thích để mô phỏng thử nghiệm IE7, thì tin tốt là sử dụng IE7 gốc hoạt động tốt. Tin xấu là có lỗi trong chế độ tương thích IE10.

Answer 2

Đây là giải pháp cho tôi. Trong phiên bản của Jquery mà bạn đang sử dụng, trong cas của tôi (jquery-1.7.2.js) có một phần xung quanh dòng 2764 đó là như thế này:

// Use this for any attribute in IE6/7 
// This fixes almost every IE6/7 issue 
nodeHook = jQuery.valHooks.button = { 
    get: function(elem, name) { 
     var ret; 
     ret = elem.getAttributeNode(name); 
     return ret && (fixSpecified[ name ] ? ret.nodeValue !== "" : ret.specified) ? 
      ret.nodeValue : 
      undefined; 
    }, 
    set: function(elem, value, name) { 
     // Set the existing or create a new attribute node 
     var ret = elem.getAttributeNode(name); 
     if (!ret) { 
      ret = document.createAttribute(name); 
      elem.setAttributeNode(ret); 
     } 
     return (ret.nodeValue = value + ""); 
    } 
}; 

Acoording để https://bugs.jquery.com/ticket/12577, đó là một vấn đề của compability của IE10 trong chế độ IE7. giải pháp là thay đổi biến trả về trong hàm được đặt:

return (ret.nodeValue = value + ""); 
//for: 
elem.setAttribute(name, value + ""); 
return (ret.value);