-3

jQueryを使用してリンクのdata-complete-text属性を操作しています。私のコードは次のようになります。

var complete =  _self.attr("data-complete-text");

_self.attr("data-complete-text","<span class='symbol-done-tick'></span><span class='acheived-text'>"+complete+"</span>");

つまり、目的の効果を得るためにこの属性にhtmlスパンを割り当てており、正常に機能します。つまり、スパンは正しく挿入されますが、これらのスパンで指定したCSSクラスは効果がありません。理由はわかりません。手伝ってください。

4

1 に答える 1

1

data-complete-textBootstrapButtonが使用するように を設定しようとしている場合は、data-complete-text属性を設定した後、ボタンの状態も設定する必要があります。

_self.button('complete');

ドキュメント (そのようなもの) ではHTML をサポートしているとは書かれていませんが、私のテストでは動作するようです: ソース

HTML:

<button id="target" type="button" class="btn btn-primary" data-loading-text="Loading...">Original Text</button>

JavaScript:

jQuery(function($) {

  // Get the button
  var _self = $("#target");

  // Set the attribute
  _self.attr("data-complete-text",
             "<span class='foo'>Complete</span>");

  // Wait for click
  _self.one("click", function() {

    _self.button('complete');
  });

});

上記では、ボタンの状態を に設定すると、内部のfooクラスが機能します。spandata-complete-text'complete'

于 2012-11-02T07:26:08.353 に答える