Question

我在Ajax Call之后面临重叠问题。我正在为我的网格布局使用一个名为“Nerve Slider”的插件（正如您在here（最右侧）中看到的那样）。

我这样做之后：

<script type="text/javascript">
$(function(){
    $('.kategori-link').click(function(){
        $.ajax({
            type: 'POST',
            url: '<?php echo base_url('tr/main/index'); ?>',
            data: {kategori:'ucak-bileti'},
            dataType: 'html',
            success: function(data){

              var result = $('<div />').append(data).find('.iAmTest').html();
              $('.iAmTest').html(result);
              //console.log(result);
            },

            error: function(){
                alert("Sorry! Something went wrong!");
            }
        });
        return false;
    });
});

我在数据库交互后获得的所有网格（每个网格都有图像，标题，信息，如上面的链接所示）重叠！您认为这会导致这种情况发生？

谢谢！

修改插件脚本：

$(function(){
    $(".slider-wrapper").nerveSlider({
        sliderWidth: "100%",
        slideTransitionSpeed: 700,
        slideTransitionEasing: "easeInOutExpo",
        slidesDraggable: true,
        sliderResizable: true,
        sliderFullscreen: false
        }); 
});

$(function(){
    $(".cnt-slider-wrapper").nerveSlider({
        sliderAutoPlay: false,
        slideTransitionSpeed: 700,
        slideTransitionEasing: "easeInOutExpo",
        slidesDraggable: true,
        sliderResizable: true,
        sliderFullscreen: false,
        showPause: false
        });
    $(".iAmTest").puzzleGrid({
    // options...
    }); 
});

Answer 1

这可能有效，也可能无效，我没有对此进行测试。

虽然不是一个干净的解决方案，但您可以在$(window).trigger("resize");行之后致电$('.iAmTest').html(result);。插件脚本有一个名为setuppanels();的函数，它附加到window resize事件。这会重新初始化内容。

关于Ajax调用的重叠问题：成功

1 个答案: