javascript点击下拉菜单事件

Question

一个应用程序，我有四个 dropdwon 菜单，其中一个是通过选择较早的菜单来填充的...这是自动填充的...不响应点击事件
我搜索了有关创建动态 UL LI itens 的答案，发现了这个:

    function getModelos(response) 
    {
        var obj = JSON.parse(response);
        try
        {   
            var ul = document.getElementById("modelo");
            var modelos = obj.modelos;
            var x = document.getElementById("modelo");

            while(x.length > 0)
            {
                x.remove(0);
            }
            for(i=0;i<modelos.length;i++)
            {
                var li = document.createElement("li");
                var a = document.createElement("a");
                a.appendChild(document.createTextNode(modelos[i].modelo));
                a.setAttribute("href","#");
                a.setAttribute("data-value",modelos[i].id+",.modelo");
                li.appendChild(a);
                ul.appendChild(li);
            }
      }
      catch(err)
      {
          alert("ERRO: "+err);
      }
  }

我还发现了一个点击事件委托(delegate):

    $(".dropdown-menu li a").click(function()
    {
        var selText = $(this).text();
        $(this).parents('.dropdown').find('.dropdown-toggle').html(selText+'                             <span class="caret"></span>');
        var valor = $(this).data('value');
        var options = valor.split(",");
        $(this).parents(".dropdown").find(options[1]).val(options[0]);
        if(options[1] == ".marca")
        {
            pedeModelos(selText);
        }
    });

所有下拉菜单之前都定义了对单击 LI 的响应，但创建的此下拉菜单动态没有

我是 javascript/Bootstrap/JQuery 的新手，我需要一种遵循的方法，我将不胜感激任何帮助。谢谢

Answer 1

像这样:

$(".dropdown-menu").on("click","li a",function() {blah});

了解Direct and delegated events