반응 적 디자인을 위해 jQuery를 사용하여 브라우저 창이 작을 때 탐색 메뉴를 선택 목록으로 변환합니다. 그러나 선택 목록의 옵션을 선택하면 웹킷 기반 브라우저의 Firefox 및 Opera에서 해당 페이지로 리디렉션되고 옵션을 선택해도 아무 것도 수행되지 않습니다.jQuery 응답 생성 Chrome에서 작동하지 않는 선택 메뉴
라이브 데모 - http://emoeco.com가
$('ul.menu').each(function(){
var action="loadPage(this.form.elements[0])";
var form=$(document.createElement('form')).insertBefore($(this));
$(form).attr({
method: 'post'
});
var select=$(document.createElement('select')).appendTo(form);
$(select).attr("onchange", action);
$('>li a', this).each(function(){
var a=$(this).click(function(){
window.location.href=this.href;
}),
option=$(document.createElement('option')).appendTo(select).val(this.href).html($(this).html()).click(function(){
a.click();
});
});
});
해당 페이지에 오류가 많이 있습니다. 오류. 하나의 자바 스크립트 오류로 인해 전체 자바 스크립트가 중지 될 수 있습니다. – Ray