Question

我有一个小jQuery雪花动画，我想只在索引页面上运行。有没有办法编辑jQuery使其在主页上运行？我已经尝试了下面的if语句，但它没有缝合工作，动画完全停止。这是在Joomla网站上，所以也许网址可能是错误的，我不知道有关Joomla文件系统的全部内容。

<script>
    if (top.location.pathname === 'index.php'){
         jQuery(document).ready( function(){
              jQuery.fn.snow({ minSize: 5, maxSize: 30, newOn: 500, flakeColor: '#FFFFFF' });
        });
    } 
</script>

Answer 1

这将为你做。

$(function() {
 var url = document.location.href;
 if (url.indexOf("index") > -1) {
     // Your Code here
}

});

Answer 2

我会将动画脚本添加到index.php（删除if条件后）而不是站点范围的脚本文件。

Answer 3

我们假设您的主机名为domain.com，而您的index.php位于根网络文件夹中。这意味着以下每个有效的URL都会触发动画：

http://domain.com
http://domain.com/
http://domain.com/index.php

您需要以下代码才能实现目标：

var url = window.location.href,
    uP = url.indexOf('/') > -1 ? url.split('/') : [];

if( uP.length == 3 || (uP.length > 3 && (uP[3] == '' || uP[3].indexOf('index.php') == 0)) ){
     jQuery(document).ready( function(){
          jQuery.fn.snow({ minSize: 5, maxSize: 30, newOn: 500, flakeColor: '#FFFFFF' });
    });
}

在特定URL上运行jQuery

3 个答案: