Javascript jQuery传输函数完成

我使用jQueryTransit创建了这两个函数，当用户按下右键或左键时，这两个函数被设计为在页面上插入一个新的html块。他们有时工作。其他时候，内容将加载，然后不会自行取消隐藏。因此，它将被加载，您可以用chrome检查它，并看到显示仍然设置为“无”。其他时候没有问题，它完全按照预期工作。页面上没有错误。实际上，页面上唯一的JavaScript是该函数的几个不同版本，它们都加载不同的页面并以某种形式滚动

我的问题是：我是否正确地使用了jquery中的函数complete？我的功能是否按预期工作，或者我是否错过了一些重要的内容，并且没有正确设置

function ShowPartTiles_FromLeft() {
    $("#SeriesPartBrand").transition({
        opacity: 0,
        x: "1000px"
    }, 500, "out", function() {
        $("#SeriesPartBrand").transition({
            opacity: 0,
            x: "-1000px"
        }, 0, "out")
    }), $("#SeriesPartBrand").load("<?php echo uri_string() ?>/part", function() {
        $("#SeriesPartBrand").transition({
            opacity: 1,
            x: "0"
        }, 500, "in")
    })
}

function ShowPartTiles_FromRight() {
    $("#SeriesPartBrand").transition({
        opacity: 0,
        x: "-1000px"
    }, 500, "out", function() {
        $("#SeriesPartBrand").transition({
            opacity: 0,
            x: "1000px"
        }, 0, "out")
    }), $("#SeriesPartBrand").load("<?php echo uri_string() ?>/part", function() {
        $("#SeriesPartBrand").transition({
            opacity: 1,
            x: "0"
        }, 500, "in")
    })
}

函数ShowPartTiles\u FromLeft（）{
$（“#系列partbrand”）。过渡({
不透明度：0，
x:“1000像素”
}，500，“输出”，函数（）{
$（“#系列partbrand”）。过渡({
不透明度：0，
x:“-1000px”
}，0，“输出”）
})，$（“#SeriesPartBrand”）.load（“/part”，函数（）{
$（“#系列partbrand”）。过渡({
不透明度：1，
x:“0”
}，500，“in”）
})
}
函数ShowPartTiles_FromRight（）{
$（“#系列partbrand”）。过渡({
不透明度：0，
x:“-1000px”
}，500，“输出”，函数（）{
$（“#系列partbrand”）。过渡({
不透明度：0，
x:“1000像素”
}，0，“输出”）
})，$（“#SeriesPartBrand”）.load（“/part”，函数（）{
$（“#系列partbrand”）。过渡({
不透明度：1，
x:“0”
}，500，“in”）
})
}

jQuery中没有转换函数，只有一个动画函数。 但我建议使用css3转换属性：

#SeriesPartBrand {
    transition: all 0.5s;
}

function ShowPartTiles_FromLeft() {
     $("#SeriesPartBrand").css({opacity: 0, left: 1000});
     $("#SeriesPartBrand").off('transitionend').on('transitionend', function() {
         $("#SeriesPartBrand").css({opacity: 0, left: -1000});
         $("#SeriesPartBrand").load("<?php echo uri_string() ?>/part", function() {
            $("#SeriesPartBrand").css({opacity: 0, left: 0});
         });
     });
 }

#系列partbrand{
过渡：均为0.5s；
}
函数ShowPartTiles_FromLeft（）{
$（“#SeriesPartBrand”）.css（{opacity:0，left:1000}）；
$（“#SeriesPartBrand”）.off（'transitionend'）.on（'transitionend'，function（）{
$（“#SeriesPartBrand”）.css（{不透明度：0，左：-1000}）；
$（“#SeriesPartBrand”）.load（“/part”，function（）{
$（“#SeriesPartBrand”）.css（{opacity:0，left:0}）；
});
});
}

这应该让你开始。另外，不要用第一个大写字母命名JS函数，也不要用第一个大写字母命名JS函数，这样命名会更好：“showPartTilesFromLeft（）”

html ID和类必须全部为小写，单词之间用逗号“-”分隔