問題タブ [toggle]

span.wrap p spanjQuery を使用して、フォームの下部にある Total: ( ) フィールドを更新しようとしています。

titleいくつかのチェックボックスがあり、それぞれに次のように属性内に価格が関連付けられていますtitle="$2"。

ユーザーがチェックボックスをクリックすると、Total: フィールドが動的に更新されるようにしました。これが私が持っているスクリプトですが、示されているように構文エラーをスローしています。

注: 合計フィールドの初期値は0です。4 つのチェックボックスがあります。おそらく私は使用する必要がありますeach()か？

これを機能させる方法についてのアイデアはありますか？

jquery.toggle(switch) 関数は、1 行で次のことができるので気に入っています。

ただし、この呼び出しに効果を統合することはできません (スライド/フェードなど)。

誰でも提案できますか？

編集可能な情報の「パネル」が 10 個ほどあるページがあります。編集を有効にするために、新しい DIV を作成し、AJAX 経由でコンテンツをロードしてから、div を切り替えます (表示されているものはオフに切り替えられ、AJAX コンテンツで作成したものは表示に切り替えられます)。

これは、最後の (一番下の) 1 つまたは 2 つの領域を除いてうまく機能します。それらが切り替わると、ページに視覚的な「フラッシュ」が表示され、スクロールバーが少しジャンプします。ページをリロードしたり、アンカー リンクを追加したりしません。実際、ページ上の他の「パネル」とまったく同じ jQuery 関数を使用しています。

今のところ「修正」は、ページの下部に空のスペーサー div を追加することです。これにより、下部のトグル パネルの奇妙な「フラッシュ」が修正されますが、明らかに、ページの下部に奇妙な空白が残ります。

誰かがこの問題に遭遇し、ページの高さをパディングする以外の修正を見つけましたか?

HTML:

うまくいきません。コードの何が問題なのですか?

ありがとう

私はしばらくの間、この機能を機能させようとしています。デフォルトで非表示になっている 11 の異なる div があります。それぞれに「トリガー」ボタンがあり、それらをポップして開くようになっています。これは、特定の div ごとに長い一連の関数を使用して行うことができました (最終的には約 175 行のコードになりました!)。私はそれを同じことをする単一の関数に凝縮したかった.

これが今の私のスクリプトです

現在、すべての「HiddenVehicles」div を開いており、より具体的にする必要があります。私はjqueryにかなり慣れていないので、アイデアがほとんどありません。よろしくお願いします！

編集 - すべての助けてくれてありがとう、これが私が思いついた解決策です:

ラッパー div を作成し、その div がクリックされたときに関数を起動しました。また、画像の交換とすべての機能を表示する機能も含めました。

私はこれで自分の利益のためにあまりにも賢くしようとしているのではないかと思います！

私は、ホバーイン/アウトしたときに要素のクラスのオン/オフを切り替えるjQueryプラグイン関数に取り組んでいますが、ホバーアウトする前に要素の内側をクリックしてもクラスが削除されず、にカーソルを合わせる前に、要素にはすでにそのクラスがあります。

私は次のことを考え出してみました：

...クリックする前にホバーアウトし、クラスを削除してクリックのバインドを解除する場合のアイデア-ホバーアウトする前にクリックすると、マウスアウトのバインドが解除され、クラスが削除されることはありません。

明らかに（私はここで助けを求めているので！）それは機能しません-ホバーアウトする前に要素の内側をクリックするかどうかに関係なく、クラスは削除されます。

誰かがそれが失敗している理由を指摘し、おそらくそれを回避するためのより良い方法を提案できますか？ありがとう！

I want to enhance some fieldsets with the option to show / hide their contents upon clicking their label.

Currently, the HTML looks like this:

So, on click of one fieldset legend, anything but the clicked legend of the parent fieldset should be toggled.

I tried using this:

But it doesn't do anything (not even hide the contents in the first place). Of course I want to only toggle the view on the very fieldset the user has clicked, so it has to somehow determine what legend was clicked and then hide the contents of the corresponding fieldsets.

Sure, I could give them all IDs and write the code for every fieldset, but thats rather redundant seeing it would always be the same I think there has to be a way to make this functionality universal for any amount of fieldsets...

Anyone has a neat idea?

実際、私は jQuery を初めて使用し、jQuery 関数を使用してサンプル ページを作成しています。このページではトグル機能を利用しています。意図した効果を得るために私を助けてください。私はそれを取得しようとしていますが、正しく機能していません。私が適用しようとしている効果は次のとおりです。

1. ページには、Button1 と Button2 という 2 つのボタンがあります。
2. Div1 と Div2 の 2 つの Div があります。
3. 最初は両方の Div が非表示で、2 つのボタンのみが表示されます。
4. Button1 をクリックすると、Div1 がトグル ダウンし、その逆も同様です。
5. Div1 を開いた状態で Button2 をクリックすると、Div1 が少し上がり、Div2 が下がるはずです。

CSSを適用したコードを書いています。しかし、Divが1つしかないため、スライド効果が得られません。

私はJavascriptを次のように書いています。

トグル効果を取得しようとしていますが、それを行う方法や何を探すべきかがよくわかりません。（私はJqueryをロードしました）。

に似たhtmlを仮定します

取るべきステップ

1. すべての div が表示されます
2. 日付の td をクリックすると、その日のクラスがクリックされた div 以外のすべてが非表示になります
3. 「すべての日付」をクリックすると、すべてが再び表示されます

これをきれいに達成する方法はありますか？理想的には JQuery を使用します。

私はJQueryを始めたばかりなので、これが簡単な質問である場合は事前にお詫び申し上げます.

印刷プレビューに関する A List Apart の記事を使用して、作業中の Web アプリケーションでライブの印刷プレビューを取得しようとしています。十分に機能するようになりましたが、現在、コードを内部的に見えるようにリファクタリングしようとしています。私は現在、マイクロコピーのブロックを表示するためのメソッドと、それを削除するためのメソッドの 2 つのセットを持っています。問題の要素の適切な値を切り替える単一のセットがあればいいのにと思います。

CSS の場合、非印刷プレビュー シートを無効にして印刷プレビュー シートを有効にする、またはその逆を意味します。私のマイクロコピーの場合、これはではなくに設定displayすることを意味し、逆もまた同様です。blocknone

少なくともスタイルシートのリンクについては、関連するlink要素のコレクションを単純にループして設定disabledしたいのです!disabledが、その方法がわかりません。私は jQuery を使用していますが、その抽象化レベルを下回ることには反対しません。

要素に対してそれを行う方法がわかれば、ソリューションを拡張して、マイクロコピー divlinkの属性も切り替えることができるはずです。display

好奇心旺盛な人のための私の現在の機能は次のとおりです。

前もって感謝します！

みんな、ありがとう。これが私の最終的な解決策です：

スタイルシートだけでdivを切り替える必要さえなかったことがわかりました。