1

div 内に div を追加し、その中に JS をロードしようとしています。私は実際にこのリンクが行っていることをしたいのですが、ここでは 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 が得られません。どうやってやるの？

4

1 に答える 1

1

ドキュメントには次のように書かれています。

使い方。

js とテーマ ファイルをページに追加します。

クラス名が「odometer」の要素は、自動的に Odometer になります。>値を更新したい場合は、通常と同じように更新してください。

element.innerHTML = 123 // ネイティブ、または。$('.odometer').html(123) // jQuery を使用

したがって、選択した HTML 構造を作成し、オドメーターをレンダリングする div に .odometer クラスを追加するだけで、.odometer をフィルターとして使用してソース ノードを見つけるため、自動的にそれが行われます。

実際に div 内にスクリプトを含める必要はなく、body 内のどこにでもスクリプトを含めることができます。

ここにデモフィドルがあります

より明確にするために境界線を追加しました

.odometer {
    font-size: 100px;
    border: solid 4px green;
}
.outer {
    border: solid 4px red;
}
于 2013-11-11T08:50:05.437 に答える