填充 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();
});