0

MangoSlick テーマを現在の管理パネル、jQuery、Slick(?)、およびレスポンシブ テンプレートに統合するように割り当てられました。

まず、API の仕組みについて説明します

ドキュメントでは、これが唯一の方法であるとのみ述べています

data-[options]=[value]

例: プログレス バーを作成したい場合

このフォーマットを使用できます

<div class="progress">
            <div class="bar" data-title="[title]" data-value="[value]" data-max="[max]" data-format="[format string]"></div>
</div>

値を入力する

<div class="progress">
        <div class="bar" data-title="Space" data-value="1285" data-max="5120" data-format="0,0 MB"></div>
</div>

これを出力として使用します

ここに画像の説明を入力

さて、主な問題は、jQuery attr() を使用して data-title、data-max、data-value、および data-format の属性値を変更するときです。

なぜ機能しないのですか?

<script>
    var jq = $.noConflict();
    jq(document).ready(function(){
      jq('#bokz').attr("data-title", "No Space");
    });
</script>

上記のスクリプトを使用してクロムの要素を検査すると、値が変更されます

ここに画像の説明を入力

プログレスバーにはありません

ここに画像の説明を入力

あなたの何人かはこれについていくつかのアイデアを持っているかもしれませんか?

どんな助け/提案も大歓迎です。

4

1 に答える 1

2

一般的な形式の属性はdata-foo="bar"、メソッドを使用して jQuery によって読み書きされ.data()ます。

だからあなたはこれを試すことができます:

var jq = $.noConflict();
jq(document).ready(function(){
  jq('#bokz').data("title", "No Space");
});

.data()おそらくメソッドがいつ呼び出されるかに依存しますが、これは機能する可能性があります。

.data("title", "No Space")プログレスバーが初期化される前にのみ機能すると思います。

初期化後に設定するには、進行状況バーの API で何らかのメソッドを直接呼び出す必要があると思います。その場合は、ウィジェットのドキュメントを調べて、適切なメソッド (.setTitle(bar)や など) を見つける必要があります.progressBar('setTitle', bar)

于 2012-12-09T10:53:46.580 に答える