如果我使用变量，为什么这个jQuery动画和附加不能工作？
如果我使用变量，为什么这个jQuery动画和附加不能工作？
提问于 2013-08-23 11:42:42
我正在尝试获取div.newsticker的宽度，并尝试将其用作动画和追加中的变量。
然而，这似乎行不通。我怎么才能修好？
这是我的密码。
jQuery(document).ready(function () {
var width = jQuery("div.newsticker").width()+"px";
});
// To get resize notification
jQuery(window).on("resize", function() {
var width = jQuery(".newticker").width()+"px";
});
function showComments(time){
var comments = findComments(time);
if(comments[0]){
$('.newsticker p').animate({"marginLeft":width,"opacity":".0"}, 600).fadeOut(100);
$('.newsticker').append("<p style='margin-left:"+width+";opacity:0'>"+comments[0].message+"</p>");
$('.newsticker p').animate({"marginLeft":"0px","opacity":"1"}, 600);
}
}原始代码
function showComments(time){
var comments = findComments(time);
if(comments[0]){
$('.newsticker p').animate({"marginLeft":"400px","opacity":".0"}, 600).fadeOut(100);
$('.newsticker').append("<p style='margin-left:400px;opacity:0'>"+comments[0].message+"</p>");
$('.newsticker p').animate({"marginLeft":"0px","opacity":"1"}, 600);
}
}回答 1
Stack Overflow用户
回答已采纳
发布于 2013-08-23 11:46:03
您需要用正确的范围声明变量。
var width = '';
jQuery(document).ready(function () {
width = jQuery("div.newsticker").width()+"px";
});
// To get resize notification
jQuery(window).on("resize", function() {
width = jQuery(".newsticker").width()+"px";
});
function showComments(time){
var comments = findComments(time);
if(comments[0]){
$('.newsticker p').animate({"marginLeft":width,"opacity":".0"}, 600).fadeOut(100);
$('.newsticker').append("<p style='margin-left:"+width+";opacity:0'>"+comments[0].message+"</p>");
$('.newsticker p').animate({"marginLeft":"0px","opacity":"1"}, 600);
}
}页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/18402007
复制相关文章
相似问题
腾讯云开发者
