jQuery Transit函数完成

我已经创建了这两个函数使用jquery转移，当用户按下右侧或左侧按钮时，这些函数被设计为在新页面中滑动到页面上。他们在一些时间工作。其他时间的内容将加载，然后不取消隐藏自己。所以它会被加载，你可以用chrome检查它，看到显示仍然被设置为none。其他时间没有问题，它的工作原理与预期完全相同。页面上没有错误。真的，页面上唯一的JavaScript是这个函数的几个不同版本，它们都会加载不同的页面并以某种形式或形式滚动页面。jQuery Transit函数完成

我的问题是：我使用该功能从jquery Transit正确完成？我的功能是否按照预期工作，或者我错过了一些很大的东西，但没有正确设置。

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") 
    }) 
}

来源

2014-09-11 John Ayers

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}); 
     }); 
    }); 
}

这应该让你开始。也不要用第一个大写字母来命名你的JS函数，不要这个名字看起来更像这样：“showPartTilesFromLeft（）”。

并且html id和类必须全部小写，并用逗号“ - ”分隔单词。

来源

2014-09-11 14:05:01 Teo

jQuery Transit函数完成

回答

相关问题