创建jquery函数并将其用于html元素
creating jquery functions and using them for html elements?
我试图用javascript创建这个函数,但它不起作用,我对js有点陌生,所以我不知道我在这里到底做错了什么。
代码:
<div id="test">TESTING</div>
JS:
function animateDiv(div){
var text = $('#' + div + '"').text();
var doAnimate = function() {
$('span').each(function() {
var that = $(this);
setTimeout(function() {
that.animate({ fontSize: "90px" }, 1500 )
.animate({ fontSize: "50px" }, 1500 );
},that.index()*100);
});
}
$('#' + div + "'").html('');
for(i=0; i<text.length; i++) {
$('#' + div + "'").append('<span>'+text[i]+'</span>');
if(i==text.length-1) doAnimate();
}
}
// using the function here to run animation on div test from html
animateDiv(test);
jsfiddle在这里:http://jsfiddle.net/aA8Un/3/
现在可以使用
function animateDiv(div){
var text = $('#' + div.id).text();
var doAnimate = function() {
$('span').each(function() {
var that = $(this);
setTimeout(function() {
that.animate({ fontSize: "90px" }, 1500 )
.animate({ fontSize: "50px" }, 1500 );
},that.index()*100);
});
}
$('#' + div.id).html('');
for(i=0; i<text.length; i++) {
$('#' + div.id).append('<span>'+text[i]+'</span>');
if(i==text.length-1) doAnimate();
}
}
animateDiv(test);
实际上,您试图通过这个$("#"+div)
连接字符串和对象,这是错误的,您应该使用这个$("#"+div.id)
,这是合法的。
您必须使用单引号/双引号(如)来调用函数
animateDiv("test");
而不是
animateDiv(test);
并从您的代码中删除"
因此使其成为$('#' + div + '"')
到$('#' + div)
工作演示
var text = $('#' + div + '"').text();
替换为
var text = $('#' + div).text();
-
animateDiv('test')
-
取代
$('#' + div + '"') with $('#' + div)
相关文章:
- css是从远程node.js添加的,但不适用于html页面
- 来自mysql的动态值用于html代码点火器视图中的图形
- 制作一个感人的“;照相机”;用于HTML游戏
- "捆绑;仅适用于HTML/JS的解决方案
- 创建jquery函数并将其用于html元素
- 动态注入SVG过滤器并应用于HTML
- 如何使用javascript将xsl样式应用于html中的嵌入式xml
- 将进度条应用于html页面
- 用于 HTML 表单验证的正则表达式在没有空格的情况下开始
- 下划线.js不适用于 HTML 中的<和>
- 在 Linux 和 Windows 上区分大小写,用于 HTML 中的 JavaScript 导入
- 为什么 w3schools JavaScript cookie 示例不适用于 html 文档
- 您能否通过JavaScript将媒体查询特定样式应用于HTML元素
- JavaScript 键关闭事件仅适用于 HTML 输入标记
- 一个标题用于 HTML 中的多个页面
- 谷歌网络应用程序加载脚本不适用于HTML输出
- jQuery .nextAll() 不适用于 html 表列
- OnClick 函数不适用于 HTML 按钮
- 不能将 jQuery 中定义的变量用于 html
- 奇怪的事情.工作小提琴不适用于 HTML