我正在尝试使用spin.js (!)但是我有一些问题。
正在做什么
npm install spin.js
然后
const Spinner = require('spin.js');
不工作，因为您需要浏览模块才能使用来自客户端的模块。
我还试图复制和过去的spin.js ()，并从html引用它，但是它给了我一个spin.js中的错误
export { Spinner };
作为
Uncaught SyntaxError: Unexpected token export
从客户端使用spin.js需要什么？
浏览 3提问于2018-05-14得票数 0
回答已采纳
我正在尝试在grails中使用spin.js。我不确定spin.js是否会为input type= submit工作。下面是我的密码。我尝试了太多的东西，但没有让旋转器工作。我必须将它放在下面代码中指定的页面上的位置。我将spin.js放在下面的代码中：webapp/js/spin.js，请建议我如何在下面的代码中使用spin.js。谢谢。
<g:javascript src="spin.js" />
<g:form name="selectionForm" url="[controller:'R
浏览 10提问于2014-07-25得票数 0
回答已采纳
1回答
我已经安装了棱角-拉达使用褐化-希姆/褐化，但无法使按钮正常工作。当我点击按钮时，旋转器就在按钮之外，而不是我使用的data-style。
您可以找到安装的浏览器化说明，但它们没有像我希望的那样工作。我结束了使用上的信息来帮助我，但我不确定我是否正确。
我的应用程序依赖关系如下所示：
require('angular').module('admin', [
require('Spinner'),
require('Ladda'),
require('angular-ladda')
])
我的packag
浏览 4提问于2016-09-30得票数 1
回答已采纳
我使用的是ASP.MVC，我需要使用spin.js，但不起作用。这是我正在使用的代码。
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>spin.js example</title>
<script src="//cdnjs.cloudflare.com/ajax/libs/spin.js/1.2.7/spin.min.js"></script>
</head
浏览 7提问于2014-10-16得票数 1
2回答
我正在尝试使用在我的站点上创建一个微调控件，它在AJAX post触发时开始旋转，在完成时停止旋转。不过，我正在努力让旋转器正常工作。
我有一个节点应用程序，并与EJS模板。在用法部分，spin.js的网站上写道：
import {Spinner} from 'spin.js';
var opts = {
lines: 13, // The number of lines to draw
length: 38, // The length of each line
width: 17, // The line thickness
radius: 45, //
浏览 26提问于2018-01-01得票数 2
2回答
当我尝试像这样注入'ngAnimate‘时，我无法实例化我的应用程序：
var app = angular.module('musicsa', [
'ngCookies',
'ngResource',
'ngSanitize',
'ui.router',
'firebase',
'ngAnimate'
])
我从Uncaught object第78行得到一个错误的angular.js
我使用bower安装了ngAnimate。这是我的bower.js
浏览 2提问于2014-06-05得票数 5
回答已采纳
我有一个目录结构
projectName
| - bower_components/
| - public/
| - css
| - js
| - index.html
| - Gruntfile.js
| - package.json
| - bower.json
| - app.js
我想启动我的应用程序并使用node为index.html提供服务。所以在app.js中我有：
var express = require('express');
var port = process
浏览 55提问于2014-02-17得票数 71
回答已采纳
我刚刚用bower安装了以下软件包：
成功地添加了包。我还补充说：
<script src="bower_components/spin.js/spin.js"></script>
<script src="bower_components/angular-spinner/angular-spinner.js"></script>
当我像这样注射的时候：
(function()
{
angular.module('employeeApp',['angularSpinner'
浏览 1提问于2016-03-29得票数 1
回答已采纳
2回答
我试着使用spin.js
我希望它在div元素的中间弹出。所以我设定了：
职位：“相对”顶部：“50%”左边：“50%”
但最重要的选择行不通。在分析了这个问题之后，我可以将其分解为html/css问题：
<div style="background-color: red">
<div style="position:relative; height:20px; width:20px; top:50%; left:50%; background-color:blue"></div>
1st div line&l
浏览 4提问于2015-06-25得票数 1
回答已采纳
1回答
我有一个模式，它显示了一些图形，而在背景中，我有一些来自spin.js的旋转轮，这表明已经完成了一些工作(见图所附)。我希望模态在顶部，而目前的纺车是在顶部的模态。我找不到适合spin.js的医生.有人知道这是否存在吗？这是我的spin.js设置
var opts = {
lines: 9, // The number of lines to draw
length: 10, // The length of each line
width: 3, // The line thickness
浏览 3提问于2015-12-19得票数 0
回答已采纳
3回答
当用户在我的网站上执行操作时，我想使用spin.js库，但我不知道如何或是否可以禁用微调器所在的元素。例如，当我的网格加载时，我不希望用户点击网格本身的任何地方。
谢谢!
浏览 1提问于2013-01-26得票数 2
我想使用Spin.js来显示旋转器。我能做到但我阻止不了它。
我的代码：
function startSpin() {
var target = document.getElementById('demarrer');
new Spinner().spin(target);
setTimeout("dummyFunc()", 4000);
}
function dummyFunc() {
console.log("bouh");
}
我要怎么叫才能阻止旋转器？
我试过：
旋转器().stop(目标)；
旋
浏览 2提问于2012-09-13得票数 2
回答已采纳
1回答
我需要帮助
实际上，在我的工作中，我需要在jqgrid中实现spin.js和阻止UI。当我将代码放在同一个文件和函数中时，这是可以的，但是我想从其他JS文件中调用一个方法，并且听到的是我的问题所在。spin.js和块UI启动，然后取消块阻止UI停止，但spin.js仍在运行。
这是我的代码：
在jqgrid中的BeforeRequest()中，我调用了一个方法
$.pui.common.loaderAnimationON("pane-content");
此方法具有以下代码
loaderAnimationON: function (div) {
var o
浏览 1提问于2014-04-23得票数 0
回答已采纳
1回答
有没有任何方法可以使用普通的css动画添加行旋转器(来自spin.js - )而不使用javascript (例如：)？
浏览 2提问于2018-04-12得票数 0
回答已采纳
1回答
当前，jQuery spin.js微调器具有定位它的选项。
我以前使用过以下配置：
// set up spin.js vars
var opts = {
lines: 13, // The number of lines to draw
length: 5, // The length of each line
width: 2, // The line thickness
radius:5, // The radius of the inner circle
corners: 1, //
浏览 1提问于2014-07-24得票数 0
我只是在jQuery中使用了很酷的spin.js ()。
我在旋转器上添加了类似这样的东西
$('#students-list td:nth-child(5)').live('ajax:before', function(){
$(this).append().spin(spinOpts);
});
但不能在Ajax完成事件后停止它。如何对其调用stop()方法？
谢谢你们！
浏览 3提问于2011-08-21得票数 15
2回答
刚刚找到了spin.js，它似乎是一个拯救生命的人。
问题是如何将旋转器插入到我的div中？
我有一个“跟随”按钮，当单击该按钮时，我会删除背景图像，并将其替换为loader.gif。
除了spin.js，我还能做同样的事情吗？
我想出了一个快活的例子：
我希望旋转器在红色方框内。
<div id="foo"></div>
<button id="spin"> Spin! </button>
var opts = {
lines: 13, // The number of lines to draw
l
浏览 5提问于2014-05-24得票数 4
回答已采纳
2回答
如何在页面加载和用户发出AJAX请求时显示和隐藏微调器(使用spin.js)？我正在考虑用于启动微调器的onload消息，但该事件意味着内容已加载，因此可能不适合放置它。我该怎么做呢？
浏览 1提问于2012-05-10得票数 1
回答已采纳
当使用库时，如何获得与虚拟DOM元素对应的真实DOM元素？用例是我需要通过库操作DOM。
相应地，在React中，您将调用，以获得传递给spin.js的元素。
示例代码：
let el = h('#spinner')
# TODO: Pass real DOM element, not virtual, but how?
new Spinner().spin(el)
浏览 9提问于2015-06-05得票数 0
回答已采纳
1回答
我正在使用进度.GIF图像，当我的网页刷新或任何回发发生时，我显示进度条，它工作正常，但当数据渲染时，.GIF图像在IE浏览器中冻结。
以下是html代码。
<div class='overlay' id="cleintSideOverlayMain">
<div class="modal-progress">
<div class="progress-bar">
<img id="OverlayImage" src="/images/ajax-loader.gif
浏览 1提问于2014-09-04得票数 0
我有一个奇怪的，在周五晚些时候，gulp merge-stream的问题。有人告诉我： TypeError: merge.add is not a function package.json： {
"name": "myProject",
"version": "1.0.0",
"description": "",
"main": "index.js",
"scripts": {
"test": "
浏览 16提问于2019-04-20得票数 1
回答已采纳
2回答
我正在尝试在页面上放置一个ladda按钮，该按钮由require.js和引导组件一起由主干呈现。但是我得到了
"Uncaught ReferenceError: Spinner is not defined".
我从原始的spin.js中删除了缩小的ladda.js，并将它们放在同一个目录中。
Shim‘’ed如下：
require.config ({
paths: {
//jquery, underscore, backbone here
spin : 'libs/ladda/spin',
浏览 7提问于2013-06-10得票数 3
回答已采纳
5回答
大家好，
我是JavaScript的新手，在互联网上进行了大量的研究，并尝试实现一个旋转器失败后，我决定向您请教。
我正在使用Spin.js ( )。它看起来是一个很棒的工具，但我就是不能让它工作。我的问题是我哪里做错了？我真的搞不懂。任何帮助都将不胜感激。非常感谢。
下面是我的一段代码：
<script src="Scripts/Spin.js" type="text/javascript"></script>
<script type="text/javascript">
浏览 0提问于2012-09-03得票数 8
1回答
我有一个网站，是非常图像沉重，所以加载时间是有点慢的标准。
一旦图像全部加载，我就会调整它们的大小。不过，我想给用户一个指示，图像仍在加载。
使用imagesLoaded库，我已经成功地使nprogress条工作得很好，但我希望能够为加载栏设置一个div。
如果这是不可能的，这不是一个问题，我只是使用spin.js或类似的。
浏览 3提问于2014-06-11得票数 3
回答已采纳
我正在获取Microsoft运行时错误:对象不支持属性或方法'html‘错误。
Javascript文件包括：
<script src="../../Scripts/jquery-1.6.2.min.js" type="text/javascript"></script>
<script src="../../Scripts/jquery-ui-1.8.16.custom.js" type="text/javascript"></script>
<script src=
浏览 1提问于2013-12-09得票数 0
回答已采纳
我正在使用spin.js库来加载自旋器。Chrome正在抛出这个错误
未定义的ReferenceError:旋转器没有定义。
旋转器在所有其他浏览器中都运行得很好！
以下是相关代码：
//Jquery Spinner
$.fn.spin = function(opts) {
this.each(function() {
var $this = $(this), data = $this.data();
if (data.spinner) {
data.spinner.stop();
delete dat
浏览 2提问于2013-02-01得票数 0
我有一个流星模板，它在最初的几秒钟内重复了大约6次，使旋转器(spin.js)结结巴巴。
我不知道为什么模板本身会重命名，添加{{#isolate}}和/或{{#constant}}标记也没有帮助。
我的问题是:是否有一种编程方法来确定哪个事件或反应性数据源正在触发给定的重命名？
浏览 3提问于2014-02-06得票数 3
回答已采纳
我的代码：
$(document).ready(function () {
$("#divContent").hide();
$("#divProcessing").spin();
$("#divProcessing").show();
setTimeout(function () {
Longrunningfunction1
Longrunningfunction2
Longrunningfunctionn
//All done
浏览 4提问于2015-09-04得票数 2
回答已采纳
我试图在Bootstrap 3模式下显示spin.js微调器并使其居中。使用下面的代码，我让它在IE和FF中工作，但不能在Chrome，Safari Desktop，Chrome IOS，Safari IOS中工作。
这个问题似乎与动画中的淡入淡出(灰色背景覆盖)有关，因为当我将fade类设置为“fade show”时，它可以正常工作，但当然不会在动画中淡出。请参阅此。当我使用"$('#Searching_Modal").modal('show');“时，它在上面描述的一些浏览器中不起作用。
在chrome和火狐上运行这个，你就会明白我的意思了。有没有人
浏览 0提问于2013-09-14得票数 17
回答已采纳
1回答
我试图让gulp.src()从数组中流文件，所以我可以使用get将它们写到我的index.html文件中。下面列出的是我的gulp.config.json文件，它将保存项目中包含的包的文件路径。
{
"vendorjs": [
"jquery/dist/jquery.min.js",
"angular/angular.js",
"ng-token-auth/dist/ng-token-auth.js",
"angular-bootstrap/ui-bo
浏览 3提问于2015-07-23得票数 1
回答已采纳
3回答
我觉得这并不难，但我对Node.js还是新手(也对JavaScript的许多方面都很陌生)。我正在创建一个Express应用程序来返回从多个API获取的自行车位置数组；每个API都需要将经度和纬度作为输入。因此，我将每个API调用分解为一个“模块”，我使用npm库‘异步’并行地进行每个调用，并使用'axios‘发出API请求。我可以让它很好地工作，而不把它分解成模块，但是一旦我将每个API调用分离到它自己的文件中，我就想不出如何将lat和lng传递到它。
这是我的index.js
import async from 'async';
import {mobike} fr
浏览 1提问于2018-07-03得票数 1
回答已采纳
1回答
我想在Ajax调用上显示加载自旋器。我试过了spin.js库，但没有成功。下面是我的JavaScript函数，它使用Ajax调用。
function sendRequest() {
$.ajax({
url: '/spinner',
type: 'get',
contentType: "application/json",
success: function (resp) {
$('#spinner
浏览 0提问于2014-08-28得票数 3
回答已采纳
1回答
我已经在我的项目中添加了一个由require.js and backbone构建的外部库spin.js。我已经在main.js中添加了路径
require.config({
paths: {
jquery: 'libs/jquery/jquery-min',
underscore: 'libs/underscore/underscore-min',
backbone: 'libs/backbone/backbone',
templates: '../templates',
Handlebars: 'libs/handleb
浏览 1提问于2014-06-22得票数 0
1回答
我试图用类spinner对div进行居中，它们都在<li>标记中。
我正在尝试的div中心包含使用spin.js的动画加载器。
我似乎无法让样式top: -50%正确工作，但是如果我使用firebug并删除样式并再次添加它，它似乎是有效的。
希望有人能看到我是不是出了问题。
编辑的
柔性滑块将创建需要对中的div。
下面是一个有用的例子。
<!DOCTYPE html>
<html lang="en">
<head>
<meta content="charset=utf-8">
浏览 1提问于2013-05-20得票数 1
回答已采纳
我有一个棱角分明的项目，是与约曼和格伦特一起建造的。每次我运行命令：
sudo grunt serve
是正常启动的应用程序，但在index.html中删除了bower_components目录中的一些链接库。
FXP:
<script src="bower_components/spin.js/spin.js"></script>
因此，在继续测试之前，我必须每次在git中还原index.html文件中的更改。
我是否有可能解决这个烦人的问题？
谢谢你的帮助。
编辑：
我试过以下几点：
安装：
npm install grunt-script-inj
浏览 3提问于2014-09-18得票数 0
当ember.js在做它的事情时，有一个旋转的旋转器的问题。我有一个非常通用的jsfiddle示例来说明这个问题：
我认为一定有一种简单的方法可以让它像预期的那样工作，但我没有找到它。我已经尝试使用一个微调器(spin.js)的JavaScript/CSS实现，得到了同样的结果。我看到一些东西表明这是典型的IE问题，但这里不是这样的。这在Windows上的所有浏览器上都会发生，我也在Mac Safari上进行了测试。
浏览 0提问于2012-04-28得票数 6
我目前正在做一个约曼生成的角项目。
我想强迫bower.json只使用依赖项的*.min.js文件，而不是使用完整的*.js版本。我肯定这是相对容易配置，但我似乎无法弄清楚。
例如，正在自动注入以下内容：
<script src="bower_components/angular-chart/angular-chart.js"></script>
而不是：
<script src="bower_components/angular-chart/angular-chart.min.js"></script>
以下是相
浏览 2提问于2015-02-19得票数 1
回答已采纳
我有一个向.php脚本发出post请求的简单表单，如下面的代码所示。
<form action="checkout.php" method="POST">
<input id="orderemail" name="customer" required type="email" size="30" maxlength="50">
<button id="ppbutton" type
浏览 1提问于2014-01-31得票数 0
我正在尝试获取所有脚本标记的src，并希望将其存储在一个数组中。我真的被这些卡住了，任何帮助都会非常感谢。
<script type="text/javascript" src='//ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js'></script>
<script type="text/javascript" src='static/tabthemes/js/json2.js'></script>
浏览 0提问于2012-03-26得票数 0
回答已采纳
我必须使用Spin.js实现加载效果。下面是我的代码：
/// <amd-dependency path="spin" />
export class SpinnerUtil {
private target: HTMLElement;
private spinner: Spinner;
public constructor(target: HTMLElement) {
this.target = target;
}
public Spin() {
var target = this.tar
浏览 4提问于2014-03-10得票数 2
当我尝试在我的应用程序上使用setBusy时，它在控制台上返回以下错误： 警告: abp.ui.setBusy未实现！ 我检查了libs文件，jquery.spin.js和abp.blockUI.js都存在于项目中。我的项目使用的是ABP v.6.0.0。 js文件在捆绑包文件中的顺序如下： ...
"wwwroot/libs/block-ui/jquery.blockUI.js",
"wwwroot/libs/spin/spin.js",
"wwwroot/libs-ext/spin/jquery.spin.js",
...
"www
浏览 16提问于2021-04-20得票数 0
回答已采纳
我有一个用.Net Core , Aspboilerpalte, Angualr (SPA)写的演示项目，它是用angular-cli写的，它最初是angualr-cli.json的，但我确实更新到了最新的版本6.5.0，然后一切都很好，除了Webpack在91%编译失败说
91% additional asset processing scripts-webpack-plugin× ｢wdm｣: Error: ENOENT: no such file or directory, open `'C:\Users\myprojectpath\aspnet-core-angular\ang
浏览 1提问于2019-01-02得票数 0
我正在使用带有webAppContext的嵌入式Jetty使用SNI。在大多数情况下，这是很好的工作。我切换到了Jetty的9.4.8版本。
该服务在SNI方面启动良好，并正确加载所有内容并读取所有证书。但是，当我从资源路径上涉及JS和图像文件的几个浏览器发出特定请求时，浏览器会抱怨没有为这些文件定义GET，但是引用/获取使用@RequestMapping定义的Controller操作没有问题。
以下代码在以前版本的Jetty中运行良好，但现在无法工作。Jetty 9.4.8是否改变了相关引用的解析方式。
任何想法都将不胜感激。
Jetty代码(到目前为止已经工作了多年)
WebAppCo
浏览 0提问于2018-10-22得票数 0
我正在尝试用spin.js创建一个函数。该函数加载微调器，然后如果使用它的参数再次调用它，那么它将停止微调器。我不能得到正确的变量作用域。因此，当我调用函数停止时，我在submitSpinner上得到了一个未定义的。
function submitSpinner(stopSpinner) {
var theSubmitSpinner;
if (stopSpinner === true) {
theSubmitSpinner.stop();
$('#overlay').remove();
}
else {
浏览 1提问于2012-07-23得票数 0
回答已采纳
我是Javacript的新手(非常非常新)，我需要在一个站点上放置一个加载旋转器。我们目前有一个屏幕保护程序，一旦你点击屏幕，它需要一段时间才能到达必要的网址。因此，我们想要放置一个旋转器，以确保用户不会继续点击屏幕。
我正在使用spin.js abd，我很确定我做错了什么，因为当我做测试时它不会出现。
下面是我使用的代码：
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html
浏览 5提问于2014-11-12得票数 0
回答已采纳
我使用一些jQuery来检测是否触发了某个媒体查询，如下所示：
jQuery
var currentSize = "default";
var mqCSS = function () {
var size = window.getComputedStyle(document.body, ':after').getPropertyValue('content');
size = size.replace(/"/g, "");
size = size.replace(/'/g, "
浏览 0提问于2014-03-12得票数 2
回答已采纳
2回答
我有一个成长中的角形应用，我的index.html已经是这样的了：
<script type="text/javascript" src="public/js/libs/bower/jquery/dist/jquery.min.js"></script>
<script type="text/javascript" src="public/js/libs/bower/spin.js/spin.js"></script>
<script type="text/javasc
浏览 3提问于2014-07-20得票数 0
回答已采纳
1回答
在jquery之前，我将从jQuery is not defined error验证中获得一个jQuery。
我不确定这是否与使用ASP.net样板有关，尽管在包配置中我有以下内容：
bundles.Add(
new ScriptBundle("~/Bundles/vendor/js/bottom")
.Include(
"~/lib/json2/json2.js",
"~/lib/jquery/dist/jquery
浏览 1提问于2018-05-14得票数 0
回答已采纳
3回答
我有一些javascript/jquery代码(用于内部网站)，它在大型表上进行大量客户端处理。它运行得有点慢，但没关系。
问题是，它在运行需要执行的循环时冻结了浏览器。这有两个不受欢迎的影响：
处理旋转器(一个动画gif，但我也尝试了spin.js，也有同样的问题)冻结。
如果表中有足够多的行，则循环需要很长时间，浏览器报告一个没有响应的脚本。
有什么方法可以让我在代码中有某种“呼吸”语句，比如每一次(比如说)100个迭代，它就停下来让旋转器旋转，浏览器知道脚本还在运行吗？类似于(伪代码)：
for (i=0;i<20000;i++)
{
fnProcessRo
浏览 4提问于2013-03-05得票数 5
我有一个闪亮的应用程序，涉及在地图上绘制大量的线。我想使用微调器向用户显示渲染正在进行中。大多数闪亮的方法都不起作用，因为它们只在数据发送到leaflet时显示微调器，而不是在leaflet渲染时显示。Leaflet.Spin插件看起来很有前途，但我一直在努力让它正常工作。我一直在关注的示例如下 https://gist.github.com/jcheng5/c084a59717f18e947a17955007dc5f92 leaflet plugin and leafletProxy with polylineDecorator as Example 如何正确触发js事件，并在线条(本例中
浏览 21提问于2020-05-01得票数 3
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频活动推荐
腾讯云开发者
