jQuery 드롭 다운 메뉴 항목 넣기

Question

안녕하세요, 기본적으로 jQuery 드롭 다운 목록에 내 탐색 피드를 제공하려고하지만 아무것도 표시 할 수 없습니다 ... 아래쪽 대체 가까운 내 링크 목록 추가 시도 : nav a .. 또는 해당 위치에서 내 링크가 nav a에 대한 CSS 스타일을 작성해야합니까?

$("nav select").change(function() { 
    window.location = $(this).find("option:selected").val(); 
}); 

// Create the dropdown base 
$("<select />").appendTo("nav"); 

// Create default option "Go to..." 
$("<option />", { 
    "selected": "selected", 
    "value" : "", 
    "text" : "Go to..." 
}).appendTo("nav select"); 

// Populate dropdown with menu items 
$("nav a").each(function() { 
var el = $(this); 
$("<option />", { 
    "value" : el.attr("href"), 
    "text" : el.text() 
}).appendTo("nav select"); 
}); 

나는 Shopify 플랫폼을 사용하고 탐색 메뉴의 모바일 버전이를하려는 오전 : 여기에 내 전체 코드입니다. 도움을 얻을 수 있다면 크게 감사하겠습니다.

Answer 1

당신은 선택을 만든 후 바인딩 change를 이동하거나이 같은 호출 체인 단지 수, 아직 존재하지 않는 요소에 이벤트를 바인딩하려는 :

// Create the dropdown base 
$("<select />").appendTo("nav").change(function() { 
    window.location = $(this).find("option:selected").val(); 
});