jquery - Jquery追加li列表不可选择

Question

这已被标记为重复，但为了澄清，一旦我的下拉菜单出现，我不想再在其上运行任何 jquery click 功能。我只是希望通过 select 选择可用的下拉菜单，我的意思是像选择常规下拉菜单一样选择它。

我目前正在从像这样的一些动态数据中添加一些 li 元素。

$(document).ready(function() {

      $('#size li').click(function() {

            if ($(this).text() != '') {
              // var select = $(".dynamic li").closest("ul").prop("id");
              // var value = $(this).text();
              // var dependent = $(this).closest('ul').data('dependent');
              // var _token = $('input[name="_token"]').val();
              var productId = $(this).attr("value");

              // here we'll make ajax call to post details of dropdown and get new data
              $.ajax({
                    url: "{{ url('product_details/fetch/productId') }}".replace("productId", productId),
                    dataType: "json",
                    success: function(result) {
                        // clear the drop downs so no data will be there
                        $("ul[data-dependent='quantity']").empty();

                        // add quantity drop down based on selected size
                        $.each(result.productQuanties, function(i, item) {
                          $("ul[data-dependent='quantity']").append("<li value=" + item.quantity_name + "><span>" + item.quantity_name + "</span></li>");
                        })

这附加到一个空的下拉列表 ul 中，在 dom 中可查看的 html 代码是这样的：

<li value="25"><span>25</span></li>
<li value="50"><span>50</span></li>
<li value="100"><span>100</span></li>
etc.

这在我的网页上显示为下拉菜单。但是，当我去选择 li 时，什么也没有发生。什么都没发生我的意思是下拉菜单就像我点击任何东西之前一样。数据仍然存在，但未显示为选中状态。

预期的结果是我只需单击它并保持单击状态。

标签： jquery