jQuery Spin插件什么也不做
jQuery Spin插件是一个轻量级的jQuery插件，它本身并不执行任何操作。它的作用是为HTML元素添加一个旋转动画效果，使其在页面中呈现出旋转的效果。
该插件的主要功能是通过改变CSS属性来实现旋转效果，可以通过设置旋转角度、旋转速度、旋转方向等参数来自定义旋转动画。它可以应用于各种HTML元素，如图片、文字、图标等，为页面增添一些动感和视觉效果。
由于该插件并不执行具体的业务逻辑，因此在实际开发中，需要结合其他功能模块或插件来实现更丰富的交互效果。例如，可以结合jQuery的事件处理功能，通过监听鼠标点击或其他交互事件来触发旋转动画。
推荐的腾讯云相关产品和产品介绍链接地址：
- 腾讯云对象存储（COS）：https://cloud.tencent.com/product/cos
- 腾讯云云服务器（CVM）：https://cloud.tencent.com/product/cvm
- 腾讯云内容分发网络（CDN）：https://cloud.tencent.com/product/cdn
以上是对jQuery Spin插件的简要介绍和推荐的腾讯云相关产品。如需了解更多详细信息和使用方法，建议访问官方文档或相关资源进行深入学习和实践。
相关·内容
我的预编译模板文件是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
我想创建一个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
这是这个问题的继续：
我有一个插件，在自动扩展后如何在文本区写。这是一个插件：
/**
* TextAreaExpander plugin for jQuery
* v1.0
* Expands or contracts a textarea height depending on the
* quatity of content entered by the user in the box.
*
* By Craig Buckler, Optimalworks.net
*
* As featured on SitePoint.com:
* http://www.sitepoint.com/b
浏览 1提问于2012-10-20得票数 1
回答已采纳
我只是在jQuery中使用了很酷的spin.js ()。
我在旋转器上添加了类似这样的东西
$('#students-list td:nth-child(5)').live('ajax:before', function(){
$(this).append().spin(spinOpts);
});
但不能在Ajax完成事件后停止它。如何对其调用stop()方法？
谢谢你们！
浏览 3提问于2011-08-21得票数 15
我正试图为我的网站设置一个页面加载程序。每次用户加载另一个页面时，它都会显示页面加载器，直到页面加载完毕。
但是在大多数情况下，web加载速度太快，页面加载程序没有显示出来。我尝试使用setTimeout 5秒，但它使加载程序无休止地显示。
有人知道怎么解决这个问题吗？
这是我的密码：
$(document).ready(function(){
setTimeOut(()=> {
$('.loader').remove();
} , 5000); // after 5 sec it will remove.
});
/*Loading Screen*/
.loader
浏览 4提问于2021-05-03得票数 0
回答已采纳
我正在用Wordpress建立一个网站，我有几个用于在不同帖子之间导航的选择框。非常基本的东西：
<select id="all" name="allPostsAllSelect">
<option value="-1" style="font-weight:bold">--All programmes--</option>
<option value="http://site.domain/articleid/">Article 1</option>
.
浏览 3提问于2012-10-11得票数 0
回答已采纳
1回答
我试图创建一个函数，它将开始旋转-然后是图像替换，然后是停止旋转。 但是，当我移除spin类时--它会震动--我如何才能在框架上停止旋转。 setTimeout(function() {
$('.image').addClass("spinner");
}, 400);
setTimeout(function() {
$('.image').removeClass("spinner");
}, 1500); .image {
position: absolute;
top: 50%;
left: 50%;
浏览 23提问于2019-10-18得票数 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
我正在尝试在我的站点中实现jquery/html5 5轮盘赌。
我发现了一些我想要使用的篡改代码：，但是当我试图在我的网站上实现它时，它将无法工作。我收到错误TypeError：$(.).spinwheel不是一个函数
这是我实现的代码: HTML：
<legend class="text-center header">Roulette!</legend>
<div id="main">
<div id="left-column">
<form class="i
浏览 1提问于2016-10-16得票数 1
我正在使用NextGEN画廊和NextGEN GalleryView。
(编辑注:不知道这句话是什么意思)
但我无法得到那些图像被隐藏的图像。
当我检查css和js文件时，当我签入firebug时，所有的文件都包括在内，下面的错误如下所示：
jQuery.timer is undefined
...for: http://192.168.1.210/hotel.com/wp-content/plugins/nggGalleryview/j...
jquery...r=1.1.2 (line 144)
jQuery("#ngg-gallery-1-133").galleryV
浏览 0提问于2013-03-21得票数 0
回答已采纳
2回答
在使用jQuery验证插件时，我试图保留默认的错误消息位置和行为。当我设置change ()对象的任何属性时，默认行为似乎会发生变化。
例如。如果我简单地用必需的属性来修饰我的html输入，下面是结果：
HTML属性：
<input id="name" type="text" required/>
一旦我修改了validate对象的属性，这里就是我得到的：
我用来修改的代码：
$("[id$='emailForm']").validate({
debug: true,
rules: {
浏览 4提问于2013-11-21得票数 0
回答已采纳
我将分别使用这两个插件jquery.validate和jquery.form，但我希望将它们一起使用。我有一个简单的用户表单，其中有几个字段需要验证。
带有插件的脚本：
$(function() {
$("#my_form").validate({
submitHandler: function(form) {
var my_options = {
target: '#save_form',
dataType: 'json',
beforeSubmit: showR
浏览 1提问于2010-11-16得票数 1
回答已采纳
1回答
使用jQuery捕获表单提交
、、、、
我正在用Wordpress建立一个网站，我正在使用Formcraft插件，因为它非常好用。
我希望将数据发送到我的mongoDB服务器API端点(我使用的是mLab服务)，但不幸的是，单击后它不会加载数据。
因此，我想我可以向页面添加一个jQuery脚本来捕获点击和表单域，并按我的方式将其发送到服务器。
<button type="submit" class="button submit-button">
<span class="text ">Send request</span>
<span clas
浏览 1提问于2018-05-23得票数 0
我用制作了一个3D旋转木马，它的下一个按钮和上一个按钮可以旋转它。(一切都很好)
我现在想增加移动设备的‘滑动’功能，也旋转旋转木马。旋转木马的结构是：
<link rel="stylesheet" href="css/3D_rotating_carousel/style.css" />
<link rel="stylesheet" href="css//3D_rotating_carousel/jquery.circular-carousel.css" />
<script src="
浏览 6提问于2016-02-21得票数 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回答
许多这些问题都是因为一条错误的道路。这不可能是我的问题，因为我把简陋的道路放在那里。当我启动服务时，它总是显示“非活动(死)”，即使启动成功。
我的.service文件如下：
[Unit]
Description=hd-idle - spin down idle hard disks
Documentation=man:hd-idle(1)
After=network.target
[Service]
Type=simple
User=root
Group=root
WorkingDirectory=/root
#EnvironmentFile=/etc/default/hd-idle
Ex
浏览 0提问于2022-04-08得票数 0
回答已采纳
我试图更改按钮的文本，但我做不到。
$( function() {
$('.btn').on('click', function(automated_campagin_hash) {
var $this = $(this);
$this.button('loading');
var automated_campagin_hash = $this.data('campaign-automated-hash');
var url = "/automated-campaig
浏览 3提问于2017-04-28得票数 0
回答已采纳
3回答
当我在span中单击时，我想旋转图像。
所以jquery需要在点击时调用css效果..。但什么都没发生。怎么啦？
html
<span class='l'>
<img src='http://icons.iconarchive.com/icons/paomedia/small-n-flat/1024/sign-check-icon.png'>
rotate image on click
</span>
css
.l img {
width: 30px;
height: 30px;
}
.li
浏览 4提问于2016-03-16得票数 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
回答已采纳
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
回答已采纳
3回答
我需要创建一个旋转动画。单击事件使元素180°旋转到向下。另一个单击事件将相同的元素旋转回0°以指向上面。
我必须将animation-fill-mode设置为forwards，以保留最后一个关键帧状态。但它似乎不起作用。所有可视元素重置为默认状态。
你知道我做错了什么吗？
My Codepen：
我的代码
(function() {
$('#btnb').on('click', function(e) {
return $('.box').addClass('spin-counter-clockwise');
浏览 6提问于2016-01-05得票数 3
回答已采纳
我觉得自己像个彻头彻尾的笨蛋。我花了大约四个小时让这个脚本工作起来：
<script type="text/javascript" src="http://jqueryrotate.googlecode.com/svn/trunk/jQueryRotate.js"></script>
<a href=""><img src="http://cdn1.iconfinder.com/data/icons/humano2/16x16/emblems/emblem-cd.png" id="
浏览 0提问于2013-03-15得票数 0
3回答
我试图向我的网页添加一个简单的jquery验证，但是验证错误不会触发。当我尝试同样的小提琴，它是工作，如预期。
$("#form-wrap form").validate({
rules: {
Link: {
required: true,
url: true
}
},
messages: {
Link: {
url: "Enter valid Url"
}
浏览 6提问于2015-08-02得票数 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回答
我最近启动了一个Javascript项目，现在我将它移到require.js。到目前为止，除了库之外，一切都很顺利。当我试图访问任何与spin.js相关的内容时，我会收到以下错误消息：
未定义的ReferenceError:旋转器未定义
我的requirejs.config看起来是这样的：
requirejs.config({
baseUrl: 'js',
paths: {
'jquery': 'lib/jquery',
'spin': '
浏览 3提问于2013-02-25得票数 3
回答已采纳
我需要关于旋转函数的帮助(使用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
2回答
对jQuery地址使用书签
、、、、
我正在使用jQuery的地址插件()在我的网站上启用后退/前进按钮。我真的希望也有能力为人们的书签页面，并从地址栏复制地址，并与朋友分享它。Address声称它可以做到这一点，那么我做错了什么呢？
我的代码是
function BackButton() {
$.address.change(function(event) {
// do something depending on the event.value property, e.g.
// $('#content').load(event.value + '.xml');
});
$(&#
浏览 0提问于2009-10-16得票数 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
回答已采纳
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回答
我希望在单击后开始CSS3转换。
现在，如果元素使用jQuery (参见span.toggle-nav.two)添加了一个类，那么它就可以正常工作了，它知道该做什么。
我尝试过使用:focus (参见span.toggle-nav.one)，但这是行不通的。如果没有jQuery，我如何使它工作呢？
请看这里：单击Two有效，但单击One不起作用。
<span class="toggle-nav one">One</span>
<span class="toggle-nav two">Two</span>
<
浏览 4提问于2014-05-02得票数 1
回答已采纳
我是jQuery的新手，所以请原谅我问了这么简单的问题。我想使用库，并在值发生变化时得到通知。下面是我的代码：
<script>
$(document).ready(function(){
$.spin.imageBasePath = './theme/css/images/spin1/';
$('#spin1').spin({
min: 1,
max: 99,
lock: true,
beforeChange: calculate_price()
});
});
浏览 1提问于2011-07-23得票数 0
回答已采纳
Avenir的字体在Safari上显示/呈现的方式与在Google和Firefox上的字体不同。有没有办法解决这个问题，或者在Safari上为我的网页使用单独的字体？我该怎么做？
我更希望这个解决方案是纯html/css (可能有一个浏览器的@media？)。如果不可能，我可以使用javascript或jQuery。
编辑：解决了，问题是Safari字体平滑.见我自己在下面的答案
浏览 8提问于2015-08-25得票数 1
回答已采纳
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
3回答
我有一个div，当我单击它时，jquery会添加一个启动动画运行的类。当动画停止时(3秒后)，我希望类被移除，这样当再次单击div时，动画将重新开始。
这只是一个测试，目前只是Chrome浏览器。
这是我的CSS3：
.spin360
{
-webkit-animation-name: spin;
-webkit-animation-duration: 3s;
-webkit-animation-iteration-count: 1;
-webkit-animation-timing-function: ease;
-webkit-animation-f
浏览 1提问于2012-08-03得票数 4
回答已采纳
我相信这是最基本的，但不管怎样...现在需要被问到，因为我不能让它工作。我已经很好地实现了jQuery treeTable，现在到了树状态需要在页面刷新时保持打开的部分(实际上是在弹出到另一个页面后重新访问该页面)。为此，treeTable为persist.js提供了一个内置设置--然而，关于两者如何相互通信的文档还不够充分。我也不认为我正确地启动了persist.js。
Head元素是；
<script src="jquery_1.4.2.js" type="text/javascript"></script>
<script s
浏览 4提问于2012-10-18得票数 0
1回答
jquery省略号不显示末尾的点
、、、、
在结尾没有显示三个点。
HTML：
<div class="slidertext three_lines">SIA “Baltic Metolat” provides mechanical surface treatment, priming and painting of technical task. We are able to handle oversized items.</div>
JQuery：
jQuery('.three_lines').ellipsis({
row: 3
});
CSS：
.slidertext
浏览 3提问于2013-08-27得票数 0
回答已采纳
我想在不惹恼用户的情况下保护我的jquery按钮不被机器人攻击，所以我想在其中添加google的不可见的recaptcha。然而，实现并不像我想的那么简单，而且我似乎也做不到。如果有人能向我展示它是如何做到的，那就太好了。附言:我正在做一个wordpress主题。
以下是文档：
创建不可见的recaptcha：
这就是我所拥有的：
HTML：
<button class="acf-get-content-button">Show Link</button>
<div class="fa" id="acf-content-
浏览 54提问于2017-02-11得票数 16
最后，我想将WP的php从7.0版升级到7.2版。
例如，SG优化器在试图升级到php 7.1时会给我带来错误
这些都是：
以下插件/主题与PHP7.1不兼容。
Html5 Audio PlayerSee Errors
FILE: /var/www/html/wp-content/plugins/html5-audio-player/inc/follow.php
---------------------------------------------------------------------------------------------------------------------
浏览 0提问于2018-06-09得票数 -1
2回答
我正在运行一个shell测试程序，我可以查看进度条，但是当我运行它时，我总是得到一个一元错误。杀害-0是一种在shell中杀死子进程的方法吗？或者是否有另一种方法来测试我的进程是否已经死亡？下面是运行进度栏的代码，直到命令结束为止：
#!/bin/sh
# test my progress bar
spin[0]="-"
spin[1]="\\"
spin[2]="|"
spin[3]="/"
sleep 10 2>/dev/null & # run as background process
pid=$
浏览 29提问于2022-03-22得票数 0
我对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
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
回答已采纳
我正在尝试弄清楚如何在jquery中更改webkit属性来删除输入微调器？为了在CSS中做到这一点，你需要这样的代码：
.quantity::-webkit-inner-spin-button,
.quantity::-webkit-outer-spin-button {
-webkit-appearance: none;
margin: 0;
}
但是我想用jquery添加"-webkit-apperance:none；“和"margin:0”
我试过了：
$('input[type=number]').css({
浏览 1提问于2018-07-27得票数 0
我使用Jquery创建菜单，如下所示：
<div class="prof_info1">home</div><div class="prof_info2">info2</div><div class="prof_info3">info3</div>
和Jquery代码，如：
$(document).ready(function(){
$(".prof_info1").unbind("click").click(function(event)
浏览 0提问于2010-05-10得票数 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回答
我的图片上有这样的动画：
<div class="image_for_sping">
<img src="/anyimage.png">
</div>
其中图像具有jQuery添加的样式属性：
animation: spin360 0.1s linear 0s 20 forwards paused, spin360 0.25s linear 2s 8 forwards, spin360 0.5s linear 4s 4 forwards, spin360 1s linear 6s 2 forwards, spin90
浏览 1提问于2017-06-24得票数 2
回答已采纳
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
1回答
目前正在开发我的自定义jquery插件，它只需要运行jquery。
我不想包括额外的第三方jquery插件。
我有一个CSS3动画运行在我的搜索按钮时，点击，这是很好的工作，除了ie9。CSS如下：
.loader {
display: block;
width: 25px;
height: 25px;
border-radius: 50%;
border: 3px solid transparent;
border-top-color: #fff;
outline:none;
-webkit-animation: spin 1s
浏览 1提问于2015-09-24得票数 0
回答已采纳
2回答
原始邮政
我的自定义仪表板有按钮，这些按钮既包含字体图标，也包含按钮或表单操作的文本描述。我的表单和按钮有一个问题，一个表单在单击具有jQuery单击事件的按钮内的字体图标时不会提交。我需要帮助找出我做错了什么。
在这个图像示例中，有一个字体令人敬畏的放大镜“搜索”图标，后面是文本“搜索”。
如果我单击按钮上的任何位置，我的jQuery将正确地工作，方法是用字体出色的图标旋转图标替换按钮的内部HTML，并使用文本"Searching .“。如果我直接点击字体可怕的图标，表单就不会提交。如果我点击按钮上的其他地方，除了字体可怕的图标，表单就会正确地提交。如果删除jQuery c
浏览 3提问于2020-01-05得票数 3
回答已采纳
我试图转换几个数值的上下(数值微调器)控件，但是我不能。JQuery UI微调器不是一个选项，因为我使用的是bootstrap 3，并且我不能从fuelx独立部署微调器。
我找到了两三个类似的，但它们都是bootstrap 2。
在和CSS打架后，我在这里找到了一些可能的人，我用他的答案做了一个小提琴手，但仍然不起作用。图像不显示。
我认为这与我的字体with版本有关：
<a href="javascript:;" class="spin-down" data-spin="down"><i class="fa fa-so
浏览 0提问于2014-03-28得票数 3
回答已采纳
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
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
实时音视频活动推荐
腾讯云开发者
