javascript - 从 ajax 添加元素时 li 操作不起作用

标签 javascript jquery html

<分区>

我有这个div

<div class="foodsSection">
    <label>
        Foods:
    </label>
    <ul>
        <li>
            roma
        </li>
    </ul>
</div>

和这个jquery:

$(".foodsSection li").click(function(){
        $(".addressesSection").css("display","block");
    });

当我按下 roma 时,jquery 运行良好,但是当我按下来自使用 jquery 的数据库的任何 li 时,jquery 不工作,这是jquery 从数据库中获取数据,但它在 li 元素中

$(document).ready(function(){
    $(".RestauranstSection li").click(function (){
        var divYourOrder = $(".YourOrder");
        var li = $(".OMRestaurants li");
        $(".foodsSection").css("display", "block");
        var restaurantID = 8;
        var foodDive = $(".foodsSection ul");
        foodDive.html("");
        var lis = '';
        $.getJSON("http://localhost/TheEatTel/Food/getFoodForRestaurant/"+restaurantID+"/TRUE",function(data){
            for(var i=0;i<data.length;i=i+3){
                lis +="<li id='"+data[i+2]+"'>"+"<label>"+data[i]+"</label> <label>"+data[i+1]+"</label></li>";
            }
            lis+="";
            foodDive.html(lis);    
        });
    });
    $(".foodsSection li").click(function(){
        $(".addressesSection").css("display","block");
    });
});

最佳答案

使用这个:

$(".foodsSection ul").on('click', 'li', function(){

您在其上调用绑定(bind)函数的 jQuery 集是在您执行绑定(bind)时计算的。收到事件后,它会检查您作为参数传递的选择器。参见 documentation .

关于javascript - 从 ajax 添加元素时 li 操作不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/15480324/

相关文章:

PHP 未将数据插入 MySQL 但未显示错误

javascript - 嵌套 Map 为空的 POST 请求

javascript - 如何在警报窗口中显示 HTTP 响应?

javascript - createMemoryHistory 仍然报告 `Browser history needs a DOM`

javascript - 在滚动视口(viewport)中按顺序动画元素

php - 使用 HTML 和 PHP 更新值而无需重新加载

javascript - XMLHTTPRequest 的延迟

jquery - 如何对齐两个 html 表之间的列?

javascript - 动态 html 页面导航

javascript - 更改结构时删除按钮不起作用