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

填充jQuery下拉菜单项

1 个答案: