javascript - 使用 javascript 更改 css 代码

标签 javascript jquery html css width

这里我有一个大问题。

首先,我有一个函数 distance(latt),它返回以 KM 为单位的距离。 现在我想将 css 代码更改为 .timedistance div = distance(latt) 的宽度。

我这样做:

hover(function () {
    $(this).find('.line').show();
    var latt = $(this).attr("lat");
    $(this).find('.timedistance').width(distance(latt)); 
    $(this).find('.timedistance').show(); 
},function () {
    $(this).find('.line').hide();
    $(this).find('.timedistance').hide();    
});



$(".draggable").each(function () {
    $(this).append("<div class='timedistance'></div>");
    $(this).append("<div class='line'></div>");
});

最佳答案

尝试使用parseInt

var latt = $(this).attr("lat");
$(this).find('.timedistance').width(parseInt(distance(latt))); 
$(this).find('.timedistance').show(); 

关于javascript - 使用 javascript 更改 css 代码,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/18074970/

相关文章:

css - Safari 上的 HTML5 视频空间?

Javascript如何使用setTimeout对列表进行迭代操作?

javascript - angular-ui-layout - 调整大小无法在 iframe 中正常工作

javascript - html/javascript 自动从提交按钮获取链接(也许用 python 自动化?)

javascript - X 轴上的 Highcharts 系列名称

javascript - 如何防止jquery悬停效果激活打开和关闭悬停

javascript - 无法在 Firefox 中设置默认焦点

javascript - 如何编写jQuery遍历函数

javascript - 元素之间的空白,来源不明

javascript - HTML 表单第一个下拉列表自动更改第二个下拉选项(续)