我使用Keyframes和Jquery插件Smoothstate通过这种方法在我的页面之间进行平滑和动画过渡:
https://css-tricks.com/add-page-transitions-css-smoothstate-js/
问题是我的jQuery插件不起作用,我需要刷新页面才能再次使用它。
所以我使用了这种方法:smoothState.js conflicting with other plugins
它适用于我的页面 main.js ,其中包含我的所有jquery插件。
我的main.js的例子:
$(document).ready(function() {
(function($) {
$.fn.onPageLoad = function() {
// HERE THERE ARE ALL THE PLUGINS.
};
}(jQuery));
('body').onPageLoad();
});
问题是我的 index.php 中有其他jquery插件(我无法移动它,因为jquery包含php)。 如果 main.js 中的插件运行良好,我的 index.php 中的插件就无法运行。
如果认为他们是冲突?
我的index.php的例子:
<body>
<!-- HERE THERE ARE ALL THE HTML. -->
<!-- HERE THERE ARE ALL THE PHP. -->
<script type="text/javascript">
$(document).ready(function() {
(function($) {
$.fn.onPageLoad = function() {
// HERE THERE ARE ALL THE PLUGINS.
$('body').onPageLoad();
});
</script>
</body>