我尝试不加修改地运行Particles.Js，但它开箱即用就失败了，错误如下：
Uncaught TypeError: pJS_tag is null
我已经通过npm install安装了它。这是我的HTML
particlesJS.load('particles-js', 'assets/particles.json', function() {
console.log('callback - particles.js config loaded');
});
<!doctype html>
<html>
浏览 3提问于2021-02-13得票数 1
我使用的是react粒子-js，我刚刚导入了添加到HTML中的标记。
然而，它是直接显示了反应粒子js的particle.js文件中的错误。
particles.js:1 Uncaught :无法读取对象上未定义的属性(读取‘循环’)。(particles.js:1:enter code here1) at r (particles.js:1:1) at Object。( particles.js:1:1 ) at r (particles.js:1:1) at Object.f (particles.js:1:1) at r (particles.js:1:1) at particles.
浏览 6提问于2022-01-12得票数 0
在我的symfony网站上，我想使用库。我将该库添加到/var/www/mywebsite/wev/particles.js目录中。我在assetic ilke中添加了mains所需的文件：
assetic:
debug: '%kernel.debug%'
use_controller: '%kernel.debug%'
filters:
cssrewrite: ~
scssphp:
formatter: 'Leafo\ScssPhp\Formatter\C
浏览 9提问于2017-07-29得票数 0
我不能加载我的块内容中的静态particles.js文件，即使我的文件中有加载静态。 {%扩展'base.html‘%} {% load static %} {%区块内容%} <!--Particles-->
<script src="{% static 'particles/particles.js' %}" defer="defer"></script>
<script src="https://cdn.jsdelivr.net/npm/pa
浏览 144提问于2019-02-19得票数 2
回答已采纳
1回答
我不明白为什么bootstrap容器会阻塞文本后面的粒子-js动画。我想要的背景开始文本和周围的它也是动画。:/ Example 代码： .gradient-bg {
background: rgba(120, 87, 158, 1);
background: -webkit-linear-gradient(left, rgba(55, 49, 42, 1) 0%, rgba(47, 41, 35, 1) 0%, rgba(120, 87, 158, 1) 100%);
}
/* ---- particles.js container ---- */
#particles-j
浏览 11提问于2019-02-26得票数 1
我下载了particles.js的演示版本，并尝试使用basic HTML对其进行修改。但这些变化都没有反映在网页上。我有没有什么明显的遗漏？提亚
<!DOCTYPE html> <html lang="en" >
<head><meta charset="UTF-8"> <title>particles.js demo</title>
<link rel="stylesheet" href="./style.css">
浏览 28提问于2019-07-18得票数 0
回答已采纳
2回答
粒子JS的问题
、、
我已经在这里使用了粒子JS CDN ()，我已经设法将它集成到我的项目中，它在本地主机上工作。
然而，当我把它上传到服务器上时，它不再工作了。
以下是CDN：<script src="http://cdn.jsdelivr.net/particles.js/2.0.0/particles.min.js"></script> <script src="http://threejs.org/examples/js/libs/stats.min.js"></script>
然后我在我的index.html页面中添加了粒子
浏览 21提问于2021-03-04得票数 0
1回答
所以我和particles.js一起工作，它在safari浏览器上工作(我在MacBook上)，但是在chrome上，它会抛出错误，粒子不会出现。
Error pJS - XMLHttpRequest status: 404
particles.js:1558 Error pJS - File config not found
particles.js:1557 Error pJS - XMLHttpRequest status: 404
particles.js:1558 Error pJS - File config not found
Index.html
<div id="
浏览 7提问于2021-09-24得票数 1
回答已采纳
我有一个角应用程序，我想在其中使用particles.js，但我不知道如何添加它和使它工作。
我已将其添加到.角-cli.json中。
"scripts": [
"../node_modules/particles.js/particles.js"
],
我把它导入到我的组件中
import * as particlesJS from 'particles.js';
并尝试使用
particlesJS.load('particles-js', 'assets/particles.json',
浏览 2提问于2017-05-31得票数 13
回答已采纳
导入库时有问题。
我正在使用create app，并遵循粒子js github页面上的说明。
在启动‘创建-反应-应用’之后，我安装了particles.js。
npm install particles.js --save
然后，在App.js文件中，我有以下相关部分：
import particlesJS from 'particles.js'
componentDidMount(){
//particles.js github page says to load package like so:
particlesJS.load('particl
浏览 7提问于2017-02-25得票数 2
回答已采纳
1回答
我使用particles.js作为我的背景，但是粒子只会延伸到窗口的大小，向下滚动就会消失。为了解决这个问题，我将position: fixed;添加到它的css选择器中。尽管粒子完全跨越页面，网页上的所有超链接都被停用了。为什么会发生这种事？有什么解决办法吗？
编辑: particles.js 的 Github回购
<div id="particles-js"></div>
<script src="particles.js"></script>
<script src="site/js/app.j
浏览 1提问于2017-08-03得票数 0
2回答
我想将这个代码实现到我的wordpress websiste中。现在，当我在同一个文件夹中创建单独的css和js文件并将它们链接到html页面以显示它们时，我甚至不能让它们出现。
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" type="text/css" href="./particle.css">
</head>
<!-- particles.js container -->
<body&g
浏览 2提问于2019-05-14得票数 0
回答已采纳
我试图在我的主要内容后面添加我的particles.JS层，例如，我的按钮和文本就在该层的前面，这样按钮就可以点击/可重定向。
下面是我的JSFiddle现场演示，展示我的意思：
<div id="particles-js"></div>
</div>
<script src="https://cdn.jsdelivr.net/particles.js/2.0.0/particles.min.js">
</script>
<script src="part
浏览 3提问于2022-01-18得票数 1
回答已采纳
1回答
所以，我试着在hostgator上发布我的网站，上传所有的文件，购买SSL。但是当我访问我的网站时，它不会重定向到安全页面。所以我打开了.htaccess并编辑了代码
RewriteEngine On
RewriteCond %{SERVER_PORT} 80
RewriteRule ^(.*)$ https://www.altjenberberi.com/$1 [R,L]
但是页面不会加载，除非我点击“加载不安全的脚本”
如果我点击它，它会将我重定向到一个不安全的版本。
使用的大多数js脚本都是在项目中上传的，并且它只在网上加载google字体和这个<script src
浏览 20提问于2019-12-02得票数 0
1回答
粒子JS问题
、、、
我面临着实现粒子JS的问题。我添加了两个JS文件，但没有在浏览器中获得任何输出。这是我的密码。
<html lang="en">
<head>
<meta charset="utf-8">
<title>particles.js</title>
<meta name="description" content="particles.js is a lightweight JavaScript library for creating particles."
浏览 3提问于2018-02-01得票数 0
回答已采纳
我有麻烦添加JS的Particles.js“添加particles.js”到他们可以找到 ()，甚至我添加超文本标记语言，CSS，JS的结果看不到，谢谢你的回复。
浏览 0提问于2017-01-16得票数 0
我安装了particles.js和：npm particles.js --save
Error：bundle.js:54 GET 404 (未找到)
我尝试过不同的方法，但似乎行不通。
在app.js文件中
import 'particles.js/particles';
const particlesJS = window.particlesJS;
particlesJS.load('particles-js', 'particles.json', null);
Folderstructure:
index.html
src/js/a
浏览 0提问于2018-02-23得票数 3
我正在学习Laravel (使用Laravel 8.x)。我不明白如何正确地将包(particles.js)集成到项目中。
更确切地说，我在从项目文件夹加载.json文件(ERR404)时遇到了问题。
安装
已经在npm中安装了particlesJS ()
npm install particles.js
使用
我将以下组件添加到视图(index.blade.html)中
<div id="particles-js"></div>
<script src="particles.js"></script>
我将此代
浏览 8提问于2021-01-13得票数 1
回答已采纳
2回答
当我使用node app.js启动我的应用程序时，我会得到以下错误：
/home/ubuntu/workspace/nodeapp/node_modules/particles.js/particles.js:1429
window.requestAnimFrame = (function(){
^
ReferenceError: window is not defined
at Object.<anonymous> (/home/ubuntu/workspace/nodeapp/node_modules/particles.js/particles.js:1429:1)
浏览 2提问于2017-11-05得票数 0
回答已采纳
在Laravel 5.6中，我想把particles.js作为登录系统的后台。如何在Laravel中集成particles.js？
浏览 5提问于2018-03-07得票数 0
我在chrome 上运行下面的代码，并在控制台中获得以下错误：
.js:1 Uncaught ReferenceError: particlesJS is not defined at particles.js:1
我所有的文件都在同一个文件夹里。
我的index.html
<html lang="en">
<head>
<meta charset="UTF-8">
<link rel="stylesheet" href="style.css">
</head>
<
浏览 0提问于2018-04-04得票数 1
回答已采纳
1回答
你能告诉我为什么这两个javascript文件会相互冲突吗？如果我两个都启用了，只有后面的画布显示正确，而particles.js根本不起作用：
<canvas id="canvas_particles"></canvas>
<script src="https://vtxfactory.org/main/js/particles.js"></script>
<canvas id="evo" style="position: absolute;"></canvas
浏览 25提问于2019-07-08得票数 1
我像这样使用particles.js： <div id="particles-js"></div>
@RenderSection("Header", required: false)
<main role="main" class="container">
@RenderBody()
</main>
<script>
particlesJS.load('particles-js', '/Scripts/Custom/par
浏览 19提问于2021-03-21得票数 0
回答已采纳
我试图将particles.js npm添加到我的项目中，但是，当我将脚本添加到App.js并保存时，我得到了下面的错误消息：
./node_modules/react-particles-js/cjs/particles.js 53:14-62中的错误
未找到模块:错误:包路径。/Plugins/PolygonMask/Enum未从Package C:\Users\mekstein\Desktop\facerecognition\node_modules\tsparticles导出(请参阅C:\Users\mekstein\Desktop\facerecognition\node_modul
浏览 3提问于2022-08-18得票数 0
由于某种原因，我得到了这个问题，我不确定为什么。我以前做过这样的事情，但现在当我将一个javascript文件连接到我的HTML时，它不能正确读取。下面是确切的问题:我当前运行的目录是 -> public
->js
-app.js
-particles.js
-particles.json
-index.html
-index.css 我的HTML是 <body>
<header>
</header>
<main>
<h1>Hi my name is Bob<
浏览 33提问于2019-02-01得票数 0
对于我完全缺乏javascript直觉表示歉意，但我想知道是否可以动态地更改对象的属性：
我使用jQuery来检测用户何时在屏幕上移动滑块(成功)。但是，我想知道如何将这些滑块值更改应用到我在后台的particles.js画布中。
也就是说，移动滑块，粒子就会变大。
但是，我不知道如何更新particles.js --是否有人熟悉回调或动画循环函数，我可以将属性更改放入其中？
浏览 1提问于2015-02-26得票数 0
回答已采纳
1回答
样式表断点网站
、、、
更新了--白条仍然存在，但是，白条更小，图像也更小(图像在白条内)，白条延伸到整个页面。白条位于particles.js及其背景之上。
HTML：
<!DOCTYPE html>
<html>
<head>
<link href='css/style.css' rel='stylesheet' type="text/css">
<title></title>
</head>
<body>
<div id="wrap
浏览 2提问于2016-12-23得票数 0
从事网页开发项目，学习超文本标记语言，CSS，Javascript等。使用NPM和Express for my server.js。我尝试在所有页面上使用Particles.js作为背景，但当我将页面设置为.ejs页面时，它似乎不起作用。
server.js：
const express = require('express')
const app = express()
const bodyParser = require('body-parser');
const request = require('request');
const a
浏览 0提问于2018-07-10得票数 1
1回答
我终于让particle.js做背景工作了。
但是，您只能在文本上方或下方单击星星(按高度排列)，您不能在文本所在的位置(或在与其容器相同的线上)生成星星。
有办法解决这个问题吗？
我的HTML：
<link href="https://fonts.googleapis.com/css?family=Roboto:100" rel="stylesheet">
<!-- particles.js container -->
<div id="particles-js"></div>
<!--
浏览 3提问于2016-12-03得票数 0
回答已采纳
我让particles.js加载，但是它推动了大英雄，而不是取代英雄的背景。有什么解决办法吗？
#particles-js{
position: absolute;
width: 100%;
height: 100%;
background-image: linear-gradient(to bottom right, #ad5389, #3c1053);
}
<section class="hero is-fullheight" id="particles-js">
<div class="hero-body&
浏览 0提问于2018-09-20得票数 0
回答已采纳
1回答
我不能让做背景工作。它覆盖了整个页面，我尝试为我想要覆盖particles.js的所有内容设置一个更高的z索引(50)。这是。代码没有背景，因此粒子是不可见的。
下面的代码是我试图为<section id="services">设置的背景。
<!-- particles.js container -->
<div id="particles-js"></div>
<!-- stats - count particles -->
<!-- particles.js lib - https://
浏览 2提问于2016-05-14得票数 0
回答已采纳
1回答
在此JSON文件中使用particles.js时，将获得以下错误：
SyntaxError: JSON.parse: JSON dataparticles.js:1530:26 onreadystatechange particles.js:1530第1列中的意外字符
尽管我在项目中使用的所有内容都是从官方的particles.js github中复制/粘贴的。知道什么可能是错的吗？
{
"particles": {
"number": {
"value": 80,
"densi
浏览 0提问于2019-08-21得票数 0
我找到了这个网站，并注意到右边的动画。我试图自己做这件事，但我失败了，所以我一直在寻找一些已经写好的代码，找到了particles.js。这看起来非常相似，但是particles.js中的粒子只是离开屏幕或反弹回来。该网站上的粒子不会反弹，它们只是减速并返回。有谁知道如何达到这样的效果吗？任何帮助都被拒绝了。
浏览 3提问于2017-12-28得票数 0
1回答
处理粒子插件和背景图像
、、、
我使用粒子插件作为背景与背景图像。背景图像要模糊。但问题是图像中的粒子也变得模糊了。
我的守则如下：
/* ---- particles.js config ---- */
particlesJS("particles-js", {
"particles": {
"number": {
"value": 30,
"density": {
"enable": true,
"value_area": 320
浏览 3提问于2018-02-06得票数 4
回答已采纳
我如何在Divi中使用像particles.js这样的东西呢？
我尝试将以下代码放入正文中的Divi集成页面(这是它在非wordpress站点上工作的地方)
<div id="particles-js"></div>
<!-- PARTICLES.JS LIBRARY -->
<script src="http://cdn.jsdelivr.net/particles.js/2.0.0/particles.min.js"></script>
<!-- PARTICLES
浏览 0提问于2017-02-19得票数 1
回答已采纳
2回答
HTML对中
、、
当我使用particles.js时，我很难把我的图像集中起来。图像是中心，但它是稍微偏离中心。它为什么要这样做，我怎么能把它集中起来？
html
<!DOCTYPE html>
<html>
<head>
<title>particles.js demo</title>
<link href="css/style.css" rel="stylesheet">
</head>
<body>
<div id="particles-js" width=
浏览 4提问于2017-02-11得票数 1
回答已采纳
我在本地和生产环境中也遇到了同样的问题，但至少在本地，JS粒子出现了。
下面是代码的要点：
<div class="jumbo" id="particles-js"></div>
<div id="particles-js"></div>
<script src="particles.js"></script>
...
然后我得到相同的本地和生产错误：
Started GET "/listings/particl
浏览 2提问于2019-03-22得票数 0
我在我的项目中包括了以下js库：。现在，在我的组件中，我导入它并按如下方式加载它：
import { Component, h } from '@stencil/core';
import * as particlesJS from 'particles.js';
@Component({
tag: 'app-home',
styleUrl: 'app-home.css'
})
export class AppHome {
componentDidLoad() {
particlesJS
浏览 3提问于2019-10-27得票数 0
回答已采纳
我使用的是javascript，使用这个particle.js的部分要求是从资产目录加载一个json文件。这就是我的home.html.erb的样子。
<div class="fluid-container" id="particles-js">
<h1>Hello This is a test for particles.js</h1>
<p>Well does it work?</p>
</div>
<script src="https://cdn.jsd
浏览 1提问于2017-12-22得票数 1
回答已采纳
3回答
我正在尝试使用particles.js作为一个网站的背景。当前，粒子div存在，但粒子不显示。我该怎么解决这个问题呢？ index.html <!DOCTYPE html>
<html lang="en">
<head>
<link rel="stylesheet" href="style.css">
<meta charset="UTF-8">
<title>Title</title>
</head>
&l
浏览 56提问于2019-05-31得票数 1
当我使用particles.js时，我需要将id="particles-js"放在particles.js的div上。但是我已经有了一个id属性(id="root")，在这里我呈现了我的App.js。在index.js (在id="root"中呈现应用程序)中，我将document.getElementsById('root'))更改为document.getElementsByClassName('root'))，但它不起作用。我怎么才能这样做呢？
在index.html中
<div id="par
浏览 2提问于2019-03-24得票数 2
1回答
我从Envato购买了模板'Penelope‘，我想用一个particles.js背景来改变背景。这是为我提供此模板的原始CSS。我想知道如何将其更改为放入particles.js背景。
我有插件在我的转帖，我只想知道如何把它。我是个新手。
非常感谢。
CSS：
background: transparent url("../img/mainbg.jpg") no-repeat;
image-rendering: optimizeQuality;
height: 100%;
width: 100%;
z-index: -1;
position
浏览 0提问于2018-12-10得票数 0
我想让Particles.js作为背景。但是，它只显示在Card组件中。此外，我怎样才能使particles.js不通过卡。到目前为止，这张卡片就像一张透明的卡片，你可以看到它穿过的线条。我只想让Particles.js留在卡后面。我该怎么做？谢谢。
我在这里重新创建了它：
卡组件
import React from "react";
import Card from "@mui/material/Card";
import CardContent from "@mui/material/CardContent";
import { CardHe
浏览 5提问于2022-02-04得票数 2
回答已采纳
基本上，我在我的一个页面上运行JavaScript，但我不希望它显示在手机上。这在PHP中是可行的吗？我在我的WordPress子主题中添加了一个入队函数，如下所示：
function load_js_assets() {
if( is_page( 1509 ) ) {
wp_enqueue_script('custom-script', 'https://cdn.jsdelivr.net/particles.js/2.0.0/particles.min.js', array('jquery'), '', false);
浏览 0提问于2021-01-11得票数 1
我使用particles.js作为我的页面的背景。我创建了一个按钮，在对按钮类使用边距属性时，我的粒子停止在整个页面中流动。
我最近了解了particles.js，但对它一无所知。
我已经尝试了这个链接上可用的解决方案，但它对我不起作用。
任何帮助都将不胜感激。
<style>
body
{
padding: 0;
margin: 0;
background: linear-gradient(to top right, #112128,#274a5a, #203A43, #0F2027,#0810
浏览 1提问于2019-02-05得票数 0
1回答
无法在div元素下单击
、、、
您好，在引导模板中有一个名为particles.js的javascript。它工作得很好，但正如你所看到的，粒子在文本部分下变得不可点击。有什么方法可以让它变得可点击吗？
下面是示例：
浏览 2提问于2018-01-16得票数 0
回答已采纳
2回答
我只需创建我的投资组合并添加库particles.js。所有的东西都在本地工作，但是当我推倒(吞咽、建造/部署)时，我的粒子就不会显示出来。我检查控制台并为我的particles.json获取一个404错误。
浏览 5提问于2016-03-24得票数 1
回答已采纳
我正在使用sketch.js的particles.js 这是一个很好的效果，我想使用它，但当我这样做时，它被放置在我网站的导航栏上，因此链接无法点击 我尝试过Z-INDEX : 99999;，但它仍然“与我的nabvar重叠”
浏览 21提问于2020-10-05得票数 0
回答已采纳
我无法对我的原子动画标志，或堆叠使用position:absolute。我也希望它是居中的，它不起作用。
目标：堆栈徽标+在particle.js分隔符上居中
我使用particles.js作为背景。
以下是网站：
浏览 2提问于2018-04-10得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频活动推荐
腾讯云开发者
