将 var 设置为单击按钮值并使用 var
setting var as clicked button value and using var
我用点击按钮的值设置 var x 的值。然后我想使用 var x 作为我的 jquery 动画代码中的值。
var x = $('input').click(function() {
$(this).val();
});
$("li").click(function() {
$(this)
.stop()
.animate(
{height:'150px'},
{queue:false, duration:600, easing: x }
);
});
$("li").mouseout(function() {
$(this)
.stop()
.animate(
{height:'50px'},
{queue:false, duration:600, easing: x });
});
我做错了什么?演示 : http://jsfiddle.net/EnigmaMaster/z9dXA/7/
demo jsFiddle
var x = ''; // define your var (make it re-usable inside functions)
$('input').click(function() {
x = $(this).val(); // set your var'x' value for use.
});
$("li").click(function() {
$(this).stop().animate({height:150},{queue:false, duration:600, easing: x });
});
$("li").mouseout(function(){
$(this).stop().animate({height:50},{queue:false, duration:600, easing: x });
});
单击是异步的。这样做:
var x;
$('input').click(function() {
x = $(this).val();
});
见小提琴:http://jsfiddle.net/z9dXA/8/
这只有在顺便说一下在 li 之前单击输入时才有效,否则 x 将没有值。也许提供一个默认值,如下所示:
var x = 'swing';
$('input').click(function() {
x = $(this).val();
});
您当前设置x
等于$("input")
返回的jQuery对象。.click()
方法设置一个稍后将调用的单击处理程序(当单击发生时(,因此它不会在单击时返回值 - 它返回与$("input")
相同的 jQuery 对象,以便您可以将多个 jQuery 方法链接在一起。这就是为什么你的alert(y)
显示[object Object]
.
尝试将第一位更改为以下内容:
var x = "linear"; // give x a default value
$('input').click(function() {
x = $(this).val(); // store the type of easing to be used
});
那么你实际上不需要y
变量,你可以直接使用 x
:
$("li").click(function() {
$(this).stop().animate({ height: '150px' }, {
queue: false,
duration: 600,
easing: x
});
});
$("li").mouseout(function() {
$(this).stop().animate({ height: '50px'}, {
queue: false,
duration: 600,
easing: x
});
});
更新的演示:http://jsfiddle.net/z9dXA/9/
相关文章:
- 使用clickToggle并在单击另一个元素时关闭元素
- 单击时将焦点更改为元素
- 单击F5时如何停止页面加载
- 通过单击表单中的按钮,在代码生成中使用javascript生成字母数字代码
- 在单击任何位置时隐藏元素,而不检查每次DOM单击
- 单击jquery清除输入值
- 单击按钮以等待单击按钮
- 在单击href链接的同时下载文件
- 单击顶部导航时如何进行向下滚动效果(向下滑动).
- 使图像在单击时展开到不大于浏览器
- 单击按钮后如何逐个调用分区,上一个分区将隐藏
- 如何在单击复选框后调用控制器方法
- 单击页面上的链接后高度发生变化
- ng单击触发函数,但无法更改$scope.var
- 如何创建<p>标记,并在我单击它时将其分配给一个var
- 加载页面后,获取或导入$var作为输入值到表单 - 单击按钮
- 将 var 设置为单击按钮值并使用 var
- jQuery:使用 var 快捷方式分配数据以及如何链接功能以在加载和单击时运行
- 仅在单击按钮后使用JS var值
- 视图中的 ng 单击表达式设置$scope.var 的值