2013-12-17 1 views
3

Google 웹 앱 중 하나에 jquery 자동 완성 플러그인을 사용하고 있습니다.jquery autocomplete plugin과 브라우저 호환성 문제가 있습니까?

콤보 박스에서는 기본값이나 옵션으로 사용합니다.

var input = this.input = $("<input>") 
    var input = this.input = $("<input>") 
    **.attr('data-placeholder', 'Choose an agent...') <-- this line for default value.** 
    .insertAfter(select) 
    .val(value) 

내 PC 중 하나에 IE9, Firefox, Google 크롬이 있습니다.

다른 PC에는 IE11, Firefox, Google 크롬이 있습니다.

우리가 앱을 실행하면 FF와 Chrome에서 기본 옵션 인 에이전트 선택 ...을 볼 수 있지만 IE에 대해 실행할 때이 기본값은 비어 있거나 콤보 박스에서 누락됩니다.

I 페이지의 상단에이 메타 태그를 추가 한 :

<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE9" /> (for IE9) 

<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE11" /> (for IE11). 

을하지만, 문제가 계속.

수정 사항이 있다면 누구에게 알리십니까?

+1

단순히 'placeholder'를 사용하지 않는 이유는 무엇입니까? IE 11에서는 실행되지만 Internet Explorer 9에서는 실행되지 않습니다. http://caniuse.com/placeholder – Reeno

+0

@Reeno, 그 팁에 감사드립니다. 비록 내가 권장 변경을하더라도, 그래도 여전히 문제. 직장에 종사하는 대부분의 직원은 조직의 표준 비즈니스 관행의 일환으로 IE9를 보유하고 있습니다. 게다가 우리는 OS 공급 업체 및 다른 사용자가 가지고있는 것을 통제 할 수 없습니다. IE8이 더 이상 지원되지 않는다고 사용자에게 알리는 것이 더 쉽습니다. IE9는 여전히 있습니다. –

+0

IE 9에서 자리 표시자가 작동하지 않으므로 여름 자바 스크립트를 사용하여 에뮬레이션 할 수 있습니다 (예 : http://stackoverflow.com/questions/6366021/placeholder-in-ie9 – Reeno

답변

1

data-placeholder은 표준 (X) HTML이 아니며 (앞의 모든 항목은 data-입니다) http://api.jqueryui.com/autocomplete/에 따르면 jQuery의 자동 완성에도 포함되지 않습니다. 너는 placeholder을 지원해야하며, 지원되는 번호는 in most current browsers이다.
예전의 브라우저 (예 : IE 9)의 경우 Placeholder in IE9 또는 IE9 HTML5 placeholder - how are people achieving this?에 링크 된 JavaScript를 사용하여 원하는 효과를 얻을 수 있습니다.