Javascript 对div的影响不'；当使用Ajax从JSON文件加载内容时，不会发生这种情况。

我创建了一个无序列表，就像这个例子-

因为我可能有很多内容，所以我决定自动化标记。我将内容包含在一个JSON文件中。使用以下代码加载该文件

$.ajax({
    //cache: false,
    url: "../content/"+"benefits.json",
    dataType: "json",
    success: function(data) {
        var rows = data.rows;
        var item = '<ul id="da-thumbs" class="da-thumbs">';
        $.each(rows, function(idx, obj) {
            item += '<li><a class="hvr-float"><img src="' + obj.image + '" /><div><span>' + obj.title + '</span></div></a></li>';
        });

        item += '</ul>';

        $("#benefits-container").html(item);
        }
});

当然，这段代码调用源代码中给出的自己的库

我在$（window）.load（）函数中包含了内容加载函数，在$（document）.ready（）函数中包含了JS效果。但我没有得到任何效果

---

任何帮助都将不胜感激。

您要么需要像委托一样使用，要么需要在ajax调用和附加元素之后调用插件

所以，在这一行之后

$("#benefits-container").html(item);

做

或者试着看看你是否可以像这样授权

$(document).on('hoverdir', '#da-thumbs > li', function(){
         return {hoverDelay : 0}
    })); 
$('#da-thumbs > li ').each( function() { 

} );

---

注意，上面的代理建议可能不是100%正确，因为我不确定如何绑定到自定义事件（并且现在无法查找，抱歉：）。

尝试console.log（）并记录每个变量，然后您就可以知道程序卡在哪里了！！！如果你还困着，让我来know@kishan，你的评论一点帮助都没有…@ammarces设法用你的解决方案解决了这个问题。谢谢你，谢谢！我使用你提供的第一个建议。它像过去一样工作。非常感谢。

$('#da-thumbs > li ').each( function() { 
    $(this).hoverdir({
         hoverDelay : 0
    }); 
} );

$(document).on('hoverdir', '#da-thumbs > li', function(){
         return {hoverDelay : 0}
    })); 
$('#da-thumbs > li ').each( function() { 

} );