javascript - .appendTo() メソッドを適用するときにコールバック関数を持つ方法

Question

だから私はjQueryメソッド.appendTo()で追加している少しのhtmlコードを持っています。その後、そのhtmlで実行されているjQueryプラグインがあります:

$(str).appendTo(target);
    self.initiate_jpages_plugin(self.cluster_public_classes.items_navigation, {
        containerID: self.cluster_public_ids.items_wrapper,
        previous: self.cluster_public_classes.previous_items,
        next: self.cluster_public_classes.next_items,
        perPage: 16,
        midRange: 8,
        animation: self.cluster_animations[17],
        links: "blank",
        keyBrowse: true,
        callback: function(pages) {
            /*var data = {
                current_page: pages.current,
                total_pages: pages.count
            }
            self.set_local_storage_data(self.local_storage_key, JSON.stringify(data));*/
        }
    });

上記は見た目ですが、意味をなさない変数がたくさんあります (: プラグインが適用されていない限り、html を非表示にしておくソリューションを探しているだけです (プラグインはすべての html を再度追加します)。そのため、私が考えることができる最善の方法は、.appendTo()メソッドにないことがわかっているコールバック関数です。

それで、そのための回避策はありますか？

Answer 1

編集: ID を追加する代わりに、クラスを追加します。$(str)何でもかまいませんし、すでにIDを持っている可能性があります。ID で十分であると確信している場合は、代わりに ID を使用してください。

私がやっているのは、それを隠して$(str)固有のクラスを与え、コールバックでそれをターゲットにして表示できるようにすることだけです。それはあなたが探していたものですか？

var uniqueClass = "str" + new Date().getTime();
$(str).addClass(uniqueClass).hide().appendTo(target); 
self.initiate_jpages_plugin(self.cluster_public_classes.items_navigation, {
    containerID: self.cluster_public_ids.items_wrapper,
    previous: self.cluster_public_classes.previous_items,
    next: self.cluster_public_classes.next_items,
    perPage: 16,
    midRange: 8,
    animation: self.cluster_animations[17],
    links: "blank",
    keyBrowse: true,
    callback: function(pages) {
        $('.' + uniqueClass).show(); // show it!
        /*var data = {
            current_page: pages.current,
            total_pages: pages.count
        }
        self.set_local_storage_data(self.local_storage_key, JSON.stringify(data));*/
    }
});

Answer 2

ajaxComplete ハンドラーを試しましたか?