在div中添加div并加载js文件

时间:2013-11-11 08:28:19

标签: javascript jquery html

我正在尝试在div中添加div并在其中加载JS。我实际上想要做this link正在做的事情,但这里的div已经预定义了,而JS和CSS文件正在应用于该div,但我需要附加一个div广告,然后将其作为一个里程表。我该怎么办?

所以这就是我正在尝试的。

<div id="abc" class="odometer">13</div>


$("#abc").append("<div id = 'odometer' class = 'odometer'><script src='http://github.hubspot.com/odometer/odometer.js'></script> <link rel='stylesheet' href='http://github.hubspot.com/odometer/themes/odometer-theme-car.css' />")

abc.innerHTML = 222456.89;

我没有得到所需的o / p。我怎么能这样做?

1 个答案:

答案 0 :(得分:1)

以下内容写在文档中:

  

如何使用。

     

将js和主题文件添加到您的页面:

     

           

任何类名为“里程表”的元素都会自动变成里程表!当您想要>更新值时,只需按照通常的方式更新它。

     

element.innerHTML = 123 //原生,或。   $('。odometer')。html(123)// with jQuery

因此,只需创建一个您选择的HTML结构,并将.odometer类添加到您想要渲染里程表的div中,它将自动执行该操作,因为这些人将.odometer作为过滤器来查找源节点。

你不需要在div内部实际包含脚本,包括它在身体内的任何地方,你很高兴。

Here is demo fiddle

我添加了边框以获得更清晰

.odometer {
    font-size: 100px;
    border: solid 4px green;
}
.outer {
    border: solid 4px red;
}