2016-03-27 8 views
0

td要素内の数字を通貨形式にautoNumeric.jsで変換しようとすると問題が発生します。このプラグインは非入力要素もサポートしています。だから私はそれを試してみる。 このここで私はそうVARをやった(しかし、それは結果を返さないのです)td要素の中で値を変換するautoNumeric jsを使用

<td><div id="total_target_value">7885912</div></td> 

ここで一つ一つの問題が発生した私の価値だ... 私はJavaScriptでそのTDを生成...スニペットですコードのjsのため...

var summaryAppend = '<tr>' 
      +'<th>Target Collection</th>' 
      +'<th>Success Collection</th>' 
      +'<th>Progress</th>' 
      +'<th style="width: 40px">Label</th>' 
     +'</tr>' 
     +'<tr>' 
      +'<td><div id="total_target_value">'+totalTarget+'</div></td>' 
      +'<td><div id="total_collected_value">'+totalCollected+'</div></td>' 
      +'<td>' 
      +'<div class="progress progress-xs">' 
       +'<div class="progress-bar progress-bar-danger" style="width: '+collectedPercentage+'%"></div>' 
      +'</div>' 
      +'</td>' 
      +'<td><span class="badge bg-red">'+collectedPercentage+'%</span></td>' 
     +'</tr>' 

$("#collection_summary").empty().append(summaryAppend); 

私はそのsummaryAppendを追加しようとすると、すべてが良かった。しかし、私はこのコードを呼び出すようにしようとすると:

$('#total_target_value').autoNumeric("init",{ 
    aSep: '.', 
    aDec: ',', 
    aSign: '€ ' 
}); 

彼らは私が私の#total_target_valueが何らかの有効になりますされませんしまりました。

Chromeのコンソールデバッガでは、ブラウザに表示された要素がコンソールに入力されたすべてのコードからアクセスできるため、Chromeのコンソールでdiv IDを呼び出します。私は、このテーブル要素が私のモーダルダイアログの直後に表示されているので、(単に少なくともデバッグ目的のために)見つからない要素を避けるために、私のHTMLページからこの呼び出しを直接行うことは避けてください。

あなたからこのアイデアを発見するアイデアはありますか?

しかし、いずれにせよ、事前に感謝...

答えて

0

は私がautoNumericを使ったことがないので、私はちょうど行って、それを見上げました。うまくいけば私は正しいものを見つけた。

だから、私が見つけた文書(http://www.decorplanit.com/plugin/)によると、以下の非入力がinit機能によってサポートされています。

非入力タグのH1 '、「DT」、「DD」(サポート「H4」「H5」「H6」「INPUT」「LABEL」「P」「SPAN」「TD」「TH」)

これは、DIVがサポートされていると言われているドキュメントの先頭に矛盾しているようです。ライブラリ内の他の機能がDIVをサポートしている可能性もありますが、その機能がサポートされていないために問題が説明される可能性があります。

私の推測では、DIVSPANまたはPに変更する必要があります。技術的にはTDもサポートされているので、番号を直接セルに入力することができます。 INPUTが非INPUTタグに記載されていますが、ドキュメントは編集することが書くのは難しいと悪化することができますので、私はそれが起こると思いますなぜ無関係なノートで、私はよく分からない

... ...

関連する問題