Question

我使用Jquery脚本Barba在我的页面之间进行流畅和平滑的过渡。

我的网站上有Jquery脚本。我的大多数js函数都在一个名为main.js的文件中。

为了让我的插件适用于Barba.js，我使用Views methods。

所以我将所有jQuery函数放在我的main.js中，如下所示：

var Homepage = Barba.BaseView.extend({
  namespace: 'homepage',
  onEnter: function() {

      // Here's they are my jQuery functions.
  },
});

Homepage.init();

Barba.Pjax.start();

它适用于这些jQuery函数。

问题是我在其他两个页面中有一些其他jQuery函数：index.php和single.php。我没有其他选择将它们放在这些页面中，因为这些Jquery函数包含php代码。

所以我将其他jQuery函数放在我的index.php和single.php中，如下所示：

<script type="text/javascript" src="main.js"></script>

      // Here's they are my html code.

<script type="text/javascript">

 var Homepage = Barba.BaseView.extend({
   namespace: 'homepage',
   onEnter: function() {

       // Here's they are my jQuery functions.
   },
 });

 Homepage.init();

</script>

它不适用于index.php和single.php中的这些jQuery函数。我无法在我的页面中看到它们。就像它们不存在一样。

为什么以及如何解决它？

使用jQuery过渡页面

0 个答案: