使用 AJAX 加载数据不正确

load data with ajax not correctly

本文关键字：不正确 数据 加载 AJAX 使用      更新时间：2023-09-26

我正在创建一个网页，我在其中使用 ajax 加载数据。

.HTML 

<div class="containerHome scrollNew"> 
    <div class="single loop_a1" id="{SLUG}">
    </div> 
</div>

JAVASCRIPT

$('.homeLeftContainer .single:last').bind('enterviewport', myHandler).bind('leaveviewport', myHandler).bullseye();
        function myHandler(e) {
            var last_slug_a1 = $(".homeLeftContainer .single:last").attr("id"); //Last article Slug
            //alert(last_slug_a1);
            $('div#last_msg_loader').html('<img src="img/loader.gif">'); 
            $.post("modules/frontend/ajax/load_data.php?action=get&last_msg_id="+last_slug_a1, 
            function(data){
                if (data != "") {
                    $(".homeLeftContainer .single:last").after(data);           
                }
                $('div#last_msg_loader').empty();
            });
        }

此代码工作正常。当 .singlediv 进入屏幕或离开屏幕时，它会放置数据。此代码的问题在于它没有动态获取 var last_slug_a1值。AJAX 页面仅在 Div（4th） 显示或离开视口时触发。

我尝试了$（窗口）.scroll函数，但它显示磨损的结果。你能告诉我如何纠正这个问题吗？

你应该使用这个：

$(document).on("click","#selector",function(){
    //should be okay now
});
相关文章：