jquery - jQueryプラグインで追加された要素にアクセスしてグローバル変数に保存する方法は?

Question

私はゆっくりと前進し、軽量で必要なことだけを行ういくつかの jquery プラグインを作成しようとしています。

ここで、非常にシンプルな jQuery プログレス バーを作成したいと思います。問題は、 jQuery で動的に追加された要素にアクセスできないことです.append()。

JSFidle は次のとおりです: http://jsfiddle.net/LRHXf/6/

ご覧のとおり、「子」.smk_pb_childの色と幅は異なるはずですが、何らかの理由でこれを機能させることができません。

この要素を変数で取得し、その後必要な場所で使用するにはどうすればよいですか?

Answer 1

私はあなたのjsfiddleデモを見て、このコードを使用します

// Append children
        var appendhtml='<div class="smk_pb_child"></div>'; 
        plugin.appendChildren = function() {
                    plugin.append(appendhtml);
                }

または使用することもできます

var appendhtml=$("<div />").attr('class',"smk_pb_child");

Answer 2

html の文字列を追加する代わりに、jQuery で html を作成して変数に設定し、変数を追加してみてください。

plugin.appendChildren = function() {
    plugin.myDiv = $('<div class="smk_pb_child"></div>');
    plugin.append(plugin.myDiv);
};