問題タブ [fancyform]

このスクリプトを使用してフォームのスタイルを設定します: http://lutrasoft.nl/jQuery/fancyform/

私のサイトは smarty でフォームを動的に生成しますが、jQuery は最初の select 要素のみを処理しているため、両方で機能させるにはどうすればよいですか?

これは私が試したものですが、まだ最初の要素でしか機能しません

Meteor が「再レンダリング」された後に関数を実行するにはどうすればよいですか?

レンダリング時に、通常の選択ボックスを受け取り、スタイルを設定する ( fancyform ) 関数を実行する必要があるテンプレートがあります。そのため、関数を に配置しましたTemplate.tempname.rendered = function(){}。すべて良い。

しかし、セッション変数を変更することで言語を変更するi18n 機能 ( ussign TAP-i18n ) もあり、これにより、ページ上のテキストが、定義したテキストに変更されます。

ただし、 Template.tempname.rendered` の関数は再度実行されず、選択ボックスの言語は更新されません。選択ボックスも正しい言語になるように、fancyform 関数を再度実行する必要があります。

どうすればいいですか？私は依存関係を読んだ（そして理解するのに苦労している）...それは関連していますか？それはやり過ぎですか？任意のポインタをいただければ幸いです。

fancyboxを使用してjspでポップアップフォームを表示するにはどうすればよいですか? 私はhtmlでfancyboxを使用しましたが、うまく機能します。しかし、それをjspに含めるのに問題があります。

ファンシーボックスライブラリが含まれていることを確認しました：

そして私が持っているjsp本体に：

リンクをクリックすると、"フォームの作成" が HTML と共に表示されますが、JSP は表示されません。

だから私は次のhtml / jsコードを持っています.

HTML (バインディングにノックアウトを使用して、colorbox-overlay 内に表示):

私の JS-Inithandler は、ノックアウトで定義された変数を探し、オプション ("hide"、"line"、"calc") の値に基づいて html 要素を表示/非表示にする必要があります。

私のdocument.readyでは次のように呼び出されます：

前述のように、デスクトップ ブラウザーではすべて正常に動作します。しかし、これをモバイルブラウザー (ipad / 最新の safari および android4 / chrome 32 および組み込みの「ブラウザー」でテスト済み) で開くと、奇妙な動作が発生します。「init」部分全体が実行されないようです。ノックアウトで設定したものだけでなく、すべての div が表示されます。Chrome デバッガー ツールで検索しようとしましたが、コンソールに何も出力されません。に何が入っているか調べてみましたがthis.selectedIndex、これも結構です。次に$("select").transformSelect();、ドキュメントの準備ができてから削除しようとしましたが、「ta-daa」は魅力のように機能するようです。

私はここで fancyforms 1.4.2 ( http://plugins.jquery.com/Fancyform/ ) を使用していますが、グーグルで検索しても答えが得られませんでした。今のアイデアの。

php simplemvcframeworkを使用して構築しているアプリで jQuery fancyform を使用しています。メイン ページには、2 つの従属ドロップダウンがあります。最初の選択ボックスはページの読み込み時に入力され、プラグインは機能しますが、2 番目の選択ボックスは (API への ajax 呼び出しを介して) 最初のオプションを選択した後にのみ入力されるため、変換されません。ファンシーフォームが行うことは、selectbox の後に 2 つの入れ子になった ul を追加し、2 つ目はオプションを li として保持します。2 番目の選択ボックスにはページの読み込みに関するオプションがないため、後で変換をアタッチする必要があります。最初の変更イベントおよび/または ajax 呼び出しの成功関数で transformSelect() メソッドを呼び出してみましたが、成功しませんでした。足りないものはありますか？

私の最初のドロップダウン変更イベント:

ありがとう

そのため、knockoutjs (v 3.2.0) と fancyforms (v 1.4.2) を Web アプリケーションで一緒に使用すると、次の問題が発見されました。

HTMLページに2つのselectボックス（以降「ドロップダウン」と呼びます）と2つのリンクがあります。

望ましい動作は次のとおりです (短い疑似コードです。jsfiddle-scenarios については以下を参照してください)。

問題は、2 番目のドロップダウンが非表示にならないことです。代わりに、別のドロップダウンが表示されます。この問題を調査したところ、fancyform が実際の selectbox を ul/li-list 構造に変換するためであることがわかりました。しかし、正直に言うと、fancyform の生成されたコードにバインディングを (再) 適用する方法や、値を変更した後に fancyform を再インスタンス化する方法についての手がかりがありません。

問題を示す JSFiddle。「weekView」を「monthView」に変更して、他のドロップダウンが消えないことを確認してください: http://jsfiddle.net/fnmav1e8/8/

そして、コメントアウトされたファンシーフォームを持つ動作中の JSFiddle : http://jsfiddle.net/fnmav1e8/7/

このバージョンでは、実際には行をコメントアウトしただけです

しかし残念なことに、fancyform で動作するアプリが必要です。

よろしく、 ドミニク