問題タブ [twitter-flight]

問題は、facebook などの SDK によって実行される非同期内部メソッドを使用してイベント ハンドラーをテストすることです。

単純なテストは次のとおりです。

オプションで someevent がトリガーされると、コンポーネント ハンドラーが起動されます。

ajax を介して配列オブジェクトを取得し、それを ui コンポーネントに送信して表示するデータ コンポーネントがあります。アプローチとして、配列全体を送信するのではなく、データ コンポーネント内の配列をトラバースし、各要素を ui コンポーネントに送信する方法があります。

エラーが発生しています: Uncaught TypeError: undefined is not function on the line: ths.trigger('dataAdded', value); （下記参照）

データ コンポーネントがドキュメントに添付されます。

Twitter Flight を使用して動的に作成された要素にアタッチする方法を探しています。

次のHTMLを持つ

そして、次のコンポーネント定義

新しい要素が作成されると、クリック イベントは発生しません。これがフィドルです：http://jsfiddle.net/smxx5/

Flight には優れたイベント システムがあり、コンポーネント ノードのイベント ハンドラーを簡単にセットアップできます。ただし、動的要素を含むノードの委任イベントに応答しようとすると、いくつかのことがわかりませんでした。

状況は次のとおりです。

およびコンポーネント:

これは基本的に、ユーザーがliアイテムをリストに追加できるようにするだけです。それぞれに、要素<li>にラップされたコンテンツがあります。ただし、ハンドラーが実行されるときは、クリック イベントを受け取った要素では なく、<a>実際の要素にアクセスしたいと考えています。<li><a>

itemClickハンドラーでは、要素event.targetはクリックを受け取った要素 (この場合は<a>要素) です。そして、これevent.currentTargetはイベントがバインドされている実際のコンポーネントでもあります ( <div class="component">)。

<li>この場合、委任された動的要素をどのように取得しますか?

ここに作業中のJSBinがあります

以下は index.html の一部です。

その構造に 2 つの flightJS コンポーネントを追加しました。

最上位要素用の 1 つ:

そして lvl1a の 2 番目:

私の出力は次のとおりです。

イベントが子ノードに伝播されないのはなぜですか? どうすればそれを実現できますか？

編集： これらのイベントはボトムアップで伝播されることがわかりました。それを変更する可能性はありますか？

Bacon は Twitter の Flight と互換性がありますか? これらが一緒に使用されているように見えるこのトークを見ました ( https://www.youtube.com/watch?v=D0N1NdE-9u0 )が、最小限の例を機能させることができませんでした。

これは、Bacon のイベント ストリームと一緒に従来のイベント処理を行うフライト コンポーネントです。後者は のログundefinedを記録するだけでdata.a、登録された関数に渡されるのは、実際には (従来のハンドラー関数で名前がonValue付けられた) イベント オブジェクトであり、データ オブジェクトにはアクセスできないことがわかります。e

jQueryは、DOM 操作を行う前にドキュメント イベントを待機することを提案しています。flight.jsコンポーネントでは、readyそのイベントがトリガーされる前に呼び出されるようです。this.after('initialize')

フライトコンポーネント内でそれを待つ必要がありますか?

ありがとうございました

私はFlight.jsを使い始めたばかりで、コンポーネント インスタンスがローカル変数を共有していることに気付きましたが、ドキュメントにはそれについて何も見つかりませんでした。

これは私が意味するものです：

たとえば、コンポーネントでクリック数をカウントする必要がある場合、this.clicksCount各インスタンスのクリック数をインクリメントvar totalClicksし、コンポーネントの任意のインスタンスの合計クリック数をインクリメントできます。

ドキュメントでこれについて何も見つけられなかったので、フライト コンポーネントをこのように使用する必要があるのでしょうか?

ありがとうございました！