Javascript在动态添加新对象时停止

本文关键字：对象 动态 添加 新对象 Javascript | 更新日期: 2023-09-27 18:01:27

我试图添加新的"li"对象有一些JS背后动态，但当我添加它们的JS在添加的"li"不工作。

这是JS: JavaScript文件

，这就是我如何添加新的"li":

$(document).ready(function () {
    $('#search-bar').keyup(function (event) {
        if (event.keyCode == 13) {
            addNew();
        }
    });
    function addNew() {
        var city = $('#search-bar').val();
        $.ajax({
            url: '@Url.Action("getWeatherSearch", "Index")',
            data: { city: city },
            async: false,
            complete: function (resp) {
                $("#rb-grid").prepend(resp.responseText);
            }
        });
    } });

我在控制器中调用的c#函数返回一个带有"li"的字符串。

和仅仅调用Boxgrid.init()没有帮助

Javascript在动态添加新对象时停止

使用

$('#parentofli').on('click', 'li', function(e) {
   $(this). whatever you want to do on the li
});

当你想让JS在动态插入的对象上运行时

当你在选择器上有常规javascript时，当文档准备好时，一切都会被绑定。如果你插入一个元素之后JS函数不知道它的存在，因此它不会绑定。

当你使用父元素作为选择器时javascript会绑定到父元素本身当你点击父元素时它会遍历每个父元素绑定函数看是否匹配

相关文章：