我正在尝试使用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
回答已采纳
当我尝试在我的应用程序上使用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
回答已采纳
我正在尝试在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回答
我已经在我的项目中添加了一个由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
2回答
我是avada主题的新手，但不是wordpress的新手。我通常做自定义主题。我有最新版本的Avada，现在正在加载100+脚本文件。删除这些脚本的最佳方法是什么？
我有你的wp_deregister_script在每个，但我只是想知道为什么我们要这样做。找出我实际使用的是哪一个是很烦人的。
我还进入Fusion builder > Settings >并取消选中了一些框，但仍有许多其他脚本正在加载。
<script type='text/javascript' src='http://example.com/spin/includes/lib/ass
浏览 22提问于2018-12-18得票数 1
我试图在等待图层在地图上渲染的同时显示旋转，但由于某些原因，旋转不起作用。
代码如下：
<link rel="stylesheet" href="http://cdn.leafletjs.com/leaflet-0.7/leaflet.css" />
<script type='text/javascript' src="http://makinacorpus.github.io/Leaflet.Spin/leaflet.spin.js"></script>
<script type=&#
浏览 3提问于2015-07-15得票数 0
1回答
传单地图进度条
、、
在等待图层在地图上呈现时，我如何在地图进度栏上显示居中(带有%)？
这是我的代码：
<link rel="stylesheet" href="http://cdn.leafletjs.com/leaflet-0.7/leaflet.css" />
<script type='text/javascript' src="http://makinacorpus.github.io/Leaflet.Spin/leaflet.spin.js"></script>
<script type='
浏览 1提问于2015-07-14得票数 0
我有一个闪亮的应用程序，涉及在地图上绘制大量的线。我想使用微调器向用户显示渲染正在进行中。大多数闪亮的方法都不起作用，因为它们只在数据发送到leaflet时显示微调器，而不是在leaflet渲染时显示。Leaflet.Spin插件看起来很有前途，但我一直在努力让它正常工作。我一直在关注的示例如下 https://gist.github.com/jcheng5/c084a59717f18e947a17955007dc5f92 leaflet plugin and leafletProxy with polylineDecorator as Example 如何正确触发js事件，并在线条(本例中
浏览 21提问于2020-05-01得票数 3
回答已采纳
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
回答已采纳
2回答
我最近启动了一个Javascript项目，现在我将它移到require.js。到目前为止，除了库之外，一切都很顺利。当我试图访问任何与spin.js相关的内容时，我会收到以下错误消息：
未定义的ReferenceError:旋转器未定义
我的requirejs.config看起来是这样的：
requirejs.config({
baseUrl: 'js',
paths: {
'jquery': 'lib/jquery',
'spin': '
浏览 3提问于2013-02-25得票数 3
回答已采纳
我必须使用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
3回答
当我点击一个按钮时，我试图使轮盘旋转，但我似乎无法将从js文件中生成的随机数传递给css。
JS
function roulette_spin(btn){
var rand = Math.floor(Math.random() * 720) + 540;
$('.roulette_wheel').css('transform','rotate('+rand+'deg)');
}
HTML
<body>
<div class="roulette_wheel" style="z-index:
浏览 2提问于2019-02-26得票数 1
回答已采纳
3回答
Spin360无法工作:所有脚本都已连接到functions.php
add_action('wp_footer', 'add_scripts');
function add_scripts() {
if(is_admin()) return false;
wp_deregister_script('jquery');
wp_enqueue_script('remodal', 'http://code.jquery.com/jquery-3.0.0.min.js','&#
浏览 1提问于2016-06-20得票数 0
我有一个按钮，使3s的图像旋转。我想让按钮在旋转过程中被禁用。但这不管用。下面是js函数和创建自旋的css类。
<script>
function spin() {
document.getElementById("spin_switch").disabled = true;
document.getElementById("image-map").classList.toggle("spin");
setTimeout(stop_spin, 3000);
document
浏览 2提问于2021-01-09得票数 2
回答已采纳
我使用的是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
我使用spin.js和jquery.spin插件在web应用程序中显示ajax提交项的旋转图标。
它对于常规的链接按钮非常有效。然而，对于提交按钮，它不会显示，我也不知道为什么。
代码如下：
表格：
=form_for(@resource, :url => add_comment_resource_path, :remote => true) do |f|
=text_area_tag :comment,nil, :class => "span7", :rows => 3
=f.submit
浏览 1提问于2012-07-07得票数 1
2回答
我在使用作为我的React项目。但是当导入组件时，即使我以前没有声明过这些组件，它也会发出错误的叫声。
错误：
Module build failed: Duplicate declaration "Icon"
以下是代码：
// App.js
import React from 'react';
import ReactDOM from 'react-dom';
import { FullSpinner } from "./Spinner"
class App extends React.Component {
re
浏览 1提问于2018-05-01得票数 0
回答已采纳
0回答
在ajax调用期间，我使用显示微调器。我已经像示例中一样设置了所有内容，但是当我尝试初始化微调器时什么也没有发生。
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.0.2/jquery.min.js" type="text/javascript"></script>
<script src="javascripts/jquery.spin.js" type="text/javascript"><
浏览 2提问于2016-12-31得票数 0
1回答
我得到了一个非常奇怪的错误，它只会使用小型化的yepnope，而且只在它被注入jQuery时才会发生，而不是简单地随html一起发送。我认为这肯定与yepnope获取文档的方式有关，但是为什么只有缩小的版本才会中断呢？有什么好主意吗？
错误是：Uncaught TypeError: Cannot call method 'insertBefore' of null yepnope.1.5.4-min.js:2
<html>
<script src="http://code.jquery.com/jquery-1.10.1.min.js">
浏览 4提问于2014-01-07得票数 1
回答已采纳
我正在做一个Chrome扩展，我想使用CSS关键帧动画在页面上旋转所有图像，但我也希望它使用JS来切换/关闭。我已经知道了如何开关，但是我应该如何从JS执行CSS呢？我所能想到的就是找到所有的图像，并添加.animation类，但它似乎不起作用。
manifest.JSON
{
"manifest_version": 2,
"name": "SPINS",
"description": "SPINS",
"version": "1.0",
"browse
浏览 4提问于2015-12-21得票数 0
我有以下JS代码，用于将.jpg文件上传到firebase：
function handleFileSelect(evt) {
var f = evt.target.files[0];
var reader = new FileReader();
reader.onload = (function(theFile) {
return function(e) {
var filePayload = e.target.result;
// Generate a location that can&#
浏览 1提问于2015-08-18得票数 0
1回答
我已经安装了棱角-拉达使用褐化-希姆/褐化，但无法使按钮正常工作。当我点击按钮时，旋转器就在按钮之外，而不是我使用的data-style。
您可以找到安装的浏览器化说明，但它们没有像我希望的那样工作。我结束了使用上的信息来帮助我，但我不确定我是否正确。
我的应用程序依赖关系如下所示：
require('angular').module('admin', [
require('Spinner'),
require('Ladda'),
require('angular-ladda')
])
我的packag
浏览 4提问于2016-09-30得票数 1
回答已采纳
我开始学习网络组件的细节之前，跳转到使用聚合物。
我正在编写一个简单的示例，使用两个<button>和一个<input type="text">元素创建一个自旋按钮。
模板是：
<template id="tplSpinButton">
<style type="text/css">
.spin-button > * {
display: inline;
text-align: center;
margin: 0;
float: le
浏览 1提问于2014-04-18得票数 1
1回答
嗨，伙计们，我对这个剧本有意见。它不起作用。它应该将页面加载到我的内容中，与下面的脚本相同。
JS -不工作
$("#buttons img").click(function(){
var data_trick = $(this).attr("data-trick");
$.ajax({
url: data_trick+".php",
success:function(result){
$("#content").html(result);
}});
});
HTML
<div id=&
浏览 1提问于2013-09-28得票数 0
回答已采纳
1回答
我正在使用作为页面上的旋转器。是否有一种方法，我可以停止旋转后，4转，并取代自旋的文本。
任何帮助都将不胜感激！
我的代码如下：
<div class="spin">
<div id="spin">
</div> </div>
<script type="text/javascript" src="js/spin2.js"></script>
<script type="text/javascript">
var opts =
浏览 4提问于2013-09-17得票数 2
回答已采纳
我想持续高效地旋转一幅图像--它必须在移动浏览器上顺利工作。我目前正在使用CSS3动画。我希望能够控制的CSS功能使用javascript (开始，停止，设置转速，放松额外的学分)。这是我到目前为止要做的旋转本身。JS需要。
谢谢!
HTML：
<img class="image" src="https://brainful.s3.amazonaws.com/assets/images/twoStates/circle.png" alt="">
CSS：
.image {
position: absolute;
to
浏览 5提问于2015-08-07得票数 0
回答已采纳
2回答
断言事件已被观察到
、、、、
在QUnit测试用例中，我如何断言观察到了特定的主干事件？
应用程序使用 (Backbone.js版本1.3.3)在组件之间进行通信。一个简单的视图通过触发事件总线上的自定义事件来响应按钮单击：
// foo.js
const WheelView = Backbone.View.extend({
events: {
"click #btn-spin-wheel": "onSpinButtonClick",
},
onSpinButtonClick: function () {
console.log(
浏览 5提问于2017-12-18得票数 4
回答已采纳
2回答
我在集成JQuery和JSF时遇到了一个问题。
我使用Spin。我的代码中有：
<script type="text/javascript" src="#{request.contextPath}/scripts/jquery.selectbox-0.5.js"></script>
jQuery(document).ready(function($){
$.spin.imageBasePath = '../images/spin1/';
$('#spin1').spin();
浏览 0提问于2010-07-29得票数 1
回答已采纳
2回答
spin.js似乎不起作用
、、、、
我试图使用spin.js库来显示加载动画。但是，离开，我似乎无法让它工作/出现；在火狐中打开html文件时，空的div标记就可以看出这一点。
下面是我的代码(spinnertest.html)：
<html>
<head>
<script src="spin.min.js">
var opts = {
lines: 13, // The number of lines to draw
length: 7, // The length of each line
浏览 3提问于2013-02-03得票数 2
回答已采纳
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
我有一个目录结构
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
回答已采纳
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
回答已采纳
我正在尝试修改这段js代码，以便在您单击按钮后禁用.click事件。我是一个js的初学者，实际上只有一个基本的理解。我曾尝试使用if语句，但这不起作用。 下面是js代码： var sec = ["30% ENTER KEYCODE: Thirty", "25% ENTER KEYCODE: Twenty-five", "20% ENTER KEYCODE: Twenty","15% ENTER KEYCOVE: Fifteen","10% ENTER KEYCODE: Ten","5% EMTER KEY
浏览 60提问于2017-07-22得票数 1
回答已采纳
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
回答已采纳
我对jQuery和衰落循环有一个奇怪的问题。让我们看看一些代码(在JSFiddle：上)：
$('.spin-block').each(function(index) {
$(this).delay(index * 200 + 800).fadeIn();
})
.spin-block {
display: none;
margin: 5px;
padding: 10px;
background: #a00000;
color: #fff;
}
<div class="spin-block">1</
浏览 6提问于2015-01-06得票数 0
我想使用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
回答已采纳
我已经在本地构建了一个站点，所有的jquery都运行良好。然后，我将站点实时移动到服务器上，突然之间，我无法使用任何jquery或js。
我打电话给图书馆如下：
<script src="//code.jquery.com/jquery-1.11.3.min.js"></script>
以下是Jquery代码以及我试图使图像旋转的地方：
<div class="header">
<div>
<img src="images/spin.png" id="spin" height=
浏览 1提问于2015-11-27得票数 0
回答已采纳
我一直在遵循这两个教程第一次添加 &配置
但是当转到Task并右键单击less任务并运行它时。什么都没发生。
./glpfile.js
/// <binding BeforeBuild='less' Clean='clean' />
"use strict";
var gulp = require("gulp"),
rimraf = require("rimraf"),
concat = require("gulp-concat"),
cssmin =
浏览 2提问于2017-01-31得票数 0
我的预编译模板文件是templates.js --如何使用RequireJS加载此文件？
requirejs.config({
paths: {
jquery: '../bower_components/jquery/jquery'
, underscore: '../bower_components/underscore/underscore'
, handlebars: '../bower_components/handlebars/handlebars'
, momen
浏览 4提问于2013-09-18得票数 2
我需要关于旋转函数的帮助(使用spin.min.js脚本)
当我添加到我的网页时出现问题，网页日志功能-我不能点击任何链接，也不能用鼠标标记任何东西。我不知道有什么问题，请帮帮我。
BODY标记中的脚本
<script src="js/vendor/spin.min.js"></script>
HTML
<div class="loading loading-out">
<div id="spin">
</div>
</div>
CSS
.loading{
浏览 1提问于2015-03-18得票数 0
我想创建一个360度的产品预览，通过控制触摸事件的旋转来显示大量的图像。这是我用jquery插件创建的，但我需要用angular js。请建议在angular js.My Jquery代码片段中创建它的任何方法
var ab=[
" https://s.tmocache.com/content/dam/tmo/en-p/cell-phones/lg-g5/silver/spin/lg-g5-silver.spin.0001.png",
" https://s.tmocache.com/content/dam/tmo/en-p/cell-phones/lg-g5/s
浏览 1提问于2017-03-04得票数 0
我有一个在发出ajax请求时显示的旋转器。它位于一个React组件中。在大多数浏览器中工作良好。然而，在Windows 8.1上的IE中，css spin动画也应用于被替换的元素，即当内容div在DOM中替换时，内容div正在旋转。
复制此行为的示例代码：
Html：
<!DOCTYPE html>
<html>
<head>
<script src="js/build/react.js"></script>
<link rel="stylesheet" type="t
浏览 4提问于2014-12-05得票数 2
回答已采纳
由于某些原因，只有在startSpin()函数中定义微调器对象时，它才能工作。
这是不起作用的代码：
<script type="text/javascript" src="resources/js/spin.js"></script>
<script type="text/javascript">
var opts = {
lines: 18, // The number of lines to draw
length: 40, //
浏览 0提问于2012-07-24得票数 0
回答已采纳
我可以开始旋转，但不知道如何阻止它。请帮助：
//On button click load spinner and go to another page
$("#btn1").click(function () {
//Loads Spinner
$("#loading").fadeIn();
var opts = {
lines: 12, // The number of lines to draw
length: 7, // The length of each line
width: 4, // The line thick
浏览 5提问于2016-12-15得票数 0
回答已采纳
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回答
我使用vue-kinesis来动画一个图像，下面的组件很好，但是动画实际上是直接用css完成的。我应该如何更改我的配置，使vue-kinesis管理轮调？
另外，如何在vue-kinesis中全局配置nuxt.config.js？
<template>
<kinesis-container>
<kinesis-element type="depth" :strength="20">
<v-img class="mb-5 image" src="/my-image.png&#
浏览 3提问于2021-02-11得票数 1
回答已采纳
我有一个覆盖，其中我希望显示为‘无’，一旦所有的内容已经加载到页面中(基本上创建了一个预加载器)。
我看不到我的代码有任何错误，因此我不确定为什么它不能工作？？
任何帮助都会很好:-)
var overlay = document.getElementById("overlay");
window.addEventListener('load', function() {
overlay.style.display = 'none';
});
<div id="overlay">
<div id=
浏览 15提问于2018-08-01得票数 0
回答已采纳
2回答
我正试图解决双重提交表格的问题。我的解决方案是加载css代码onClick，在屏幕中央添加一个灰色覆盖和一个动画加载图标。
我的问题是，如何为覆盖层和图标添加一个setTimeout？我只想让css代码运行大约6秒，然后用户才能重新访问表单。
#cover-spin {
position: fixed;
width: 100%;
left: 0;
right: 0;
top: 0;
bottom: 0;
background-color: rgba(255, 255, 255, 0.7);
z-index: 9999;
display: none;
}
浏览 1提问于2019-04-03得票数 0
回答已采纳
2回答
老虎机构造器
、、、
这是一个有趣的小程序，我做了一个水果机赌徒，也就是“老虎机”。我犯了什么错误？我怎样才能使这更好的OOP编程，减少意大利面？
var spin = false;
var value1, value2, value3, value4;
var holdFirst, holdSecond, holdThird, holdForth = false;
var first, second, third, forth;
// ******************* constructor
function getValue() {
var num = Math.random();
浏览 0提问于2015-05-27得票数 14
回答已采纳
所以，所有的问题都在题目里。在Chrome中输入带有type="number"的pattern="[0-9]*"可以很好，但是可以在FF中输入字母。有没有任何方法可以不使用jQuery或JS来修复它？
.small-input {
-moz-appearance: textfield;
}
.small-input::-webkit-inner-spin-button {
display: none;
}
.small-input::-webkit-outer-spin-button,
.small-input::-webkit-inner-
浏览 9提问于2018-04-19得票数 22
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
实时音视频活动推荐
腾讯云开发者
