javascript - jquery 的追加和前置问题

Question

我使用以下代码检查某个 div 是否存在。如果没有，它会将其添加到 dom 中的适当位置。

if (!($("#col"+lastSlide).length))
{
    $('#schDisplay').prepend('<div id="col' + (lastSlide) + '"></div>');
}

我的问题是，当此 if 语句再次检查已经 append/前置的 div 时，它看不到我添加的 div。因此它将继续添加已经预先添加/append 的 div。

有什么办法可以解决这个问题吗？

更多代码:

//fillin added column
function fillElement(colnum)
{
    var URL = 'schedule.php';
    $("#col"+colnum).text("Loading...").show();
    $.post(URL,{fecolnum: colnum}, 
    function (data)
    {
        $("#col"+colnum).html(data).show();
    });
}
//...irrelevant code...

    // Create event listeners for .arrows clicks
      $('.arrows')
        .bind('click', function(){
            numberOfSlides++;
            // Determine new position
            if ($(this).attr('id')=='arrow_right')
            {
                lastSlide++;
                currentPosition++;
                if (!($("#col"+lastSlide).length))
                {
                    $('#schDisplay').append('<div id="col' + lastSlide + '" class="schColumn" style="float: left; width: ' +slideWidth+ 'px"></div>');
                    fillElement(lastSlide);
                }
            }
            else
            {
                lastSlide--;
                currentPosition--;
                if (!($("#col"+lastSlide-2).length))
                {
                    $('#schDisplay').prepend('<div id="col' + (lastSlide-2) + '" class="schColumn" style="float: left; width: ' +slideWidth+ 'px"></div>');
                    fillElement(lastSlide-2);
                }
            }

Answer 1

我没有太多背景可以引用，但请查看此 jsfiddle我用你给我的东西做了。

请注意我在其中添加注释的行，您可以注释掉 增量语句。基本上，这就是您如何测试当“lastSlide”为相同值时会发生什么。 (相对于如果“lastSlide”确实是一个不同的值)。

您可能只是尝试调试您的实际代码并确保 lastSlide 具有您实际期望的值。