問題タブ [toggleclass]

クリックするとリンクの外観を変更する非常に単純なtoggleClassがあります。1つのことを除けば素晴らしい働きをします。リンクをクリックするたびに、ブラウザのフォーカスがページの先頭に戻ります。リンクがページの一番下にある場合、これは非常に煩わしくなります。

粗いスパンなどの別の要素を使用することもできますが、私の質問に対する解決策があるかどうか知りたいです。

使用したリンクの例：

jqueryでifステートメントを正しく書く方法を知りたいです。たくさんのdivがあり、それぞれにアンカーがあり、クリックすると、toggleClassを使用してdivの幅が拡張されます。これは正常に機能しますが、他のdivに同じクラスが適用されているかどうかを確認するifステートメントを記述します。その場合、そのdivを縮小し、次のdivを展開します（これが理にかなっていることを願っています）。これまでのコードは次のとおりです。

HTML：

JQUERY：

}）;

Pretty-checkboxes-plugin をいじっていて、問題があります。プラグインはここで見ることができますhttp://aaronweyenberg.com/90/pretty-checkboxes-with-jquery

ご覧のとおり、これは 2 つのリンクを使用して選択と選択解除を行います。1 つのリンクのみを使用し、クラスを変更して、次にクリックしたときに別の方法で機能するようにしたいと考えています。

それは十分に単純でなければなりません。私はそれをtoggleClassで動作させようとしています。

私は単純に toggleClass ステートメントを挿入したので、コードは次のようになります。

これはある程度機能します。クラスはうまく切り替えられますが、残りのコードは最初に実行されたときにのみ機能します。後続のすべてのクリックは、クラスとリンクを切り替えるだけで、他には何もありません。

これがなぜなのか誰にも分かりますか？

クリックされたものに応じて、一連の 5 つのリスト要素のクラスを変更する関数を作成しようとしています。目標は、現在の要素がどれであるかに応じて、要素のスタイルを変更することです。

私はこのようなことを試しました：

そして、これを私の要素に追加しました:

しかし、これはクラスをリストの最初の要素に追加しただけで、別の要素をクリックしてもクラスを削除しませんでした。

私のリスト要素は次のようになります。

アイテムをクリックするとURLが変わるのですが、これはURLによってクラスを変える機能を設定する方法でしょうか？私はjavascriptを初めて使用しますが、これを機能させる方法についてのアイデアは大歓迎です。

私がコード化した現在の方法は、ホバーしたときに各アイテムを変更することですが、別のアイテムがクリックされるまで変更を維持したいと思います。ここで見ることができます: http://perksconsulting.com/dev/capabilties.php私が参照している項目は、ページの左側にある黒い点です。

ボタンのインラインリストがあります。

各メニュー項目には背景画像があり、ホバーすると背景画像が背の高い画像に置き換えられます。最終的に、マウスオーバーでメニュー項目が上にスライドするように見える単純なメニューを作成しようとしています。しかし実際には、Jquery は、slideToggle を使用して toggleClass をアニメーション化できます。問題は、この現在のコードが正しく動作しないことです。

テキストが動いているので、上下にジャンプします。私はJqueryを初めて使用するので、どんな助けでも大歓迎です。これもhttp://gasworks.ravennainteractive.com/result/にロードしました

ありがとう

クラスが「子」に設定された5つのチェックボックスのセットがあります。1つのチェックボックスを選択すると、残りのチェックボックスが無効になるようにします。次のコードを試しましたが、すべてのチェックボックスが無効になっています。

それから私もこれを追加してみました

ただし、それでもすべてのコントロールが無効になります

plzを助けて！ありがとう

先週コミュニティの助けを借りて、このコードをここに実装することに成功しました

今、私は似たようなことをする必要がありますが、html テキストを [タイトル] と比較します。これまでの私のコードは次のとおりです。

なんらかの理由で、toggleClass に頭を悩ませています。

現在、スパンのいずれかをクリックすると、「選択した」ものがくっついて、別のスパンをクリックしても離れません。

私は何が欠けていますか？

前もって感謝します！

それで、もう少し説明します。

セルが異なるテーブルがあります。私がする必要があるのは、ユーザーがセルをクリックすると、そのセルがクラスを変更して強調表示することです。それは完璧に機能しています。

別のセルがクリックされた場合、そのセルのハイライトを解除する必要があります。

デフォルトでは、すべてのセルに「選択されていない」クラスがあります。クリックすると、クラスが「未選択選択済み」に変更されます。ラジオボタンを想像してみてください。それが私が機能するために必要な方法です。

手がかりはありますか？

前もって感謝します。

デフォルトでdisplay:noneに設定されているスライドアウトパネルを使用しています。トリガーをクリックすると、クラスが「アクティブ」に切り替わります。これにより、トリガーにスプライトの位置から来る赤い x (閉じる) が表示されます。

}); これは私が持っているものですが、今私が欲しいものが来て、おそらくあなたの1人がこれを達成する方法を知りました.
パネルをデフォルトで表示するか、デフォルトで非表示にするオプションを作成したいと思います。トグルはそれに応じて動作するはずです。これは、デフォルトでパネルを表示することを選択した場合、x スプライトの位置を表示するためにトグルを「アクティブ」に設定する必要があることを意味します。デフォルトでパネルを非表示にすることを選択した場合、+ スプライトの位置を表示するには、トグルを「非アクティブ」に設定する必要があります。

私は自分自身を十分に明確にしたことを願っています。HELP 大変お世話になりました。

編集あなたたちは正しいです。もう少し説明が必要です。できるだけ短くしたかったのですが、もう少し...

私は Web サイト テンプレートを作成しています。テンプレートの購入者は、情報目的でこれらのパネルを含めることができるはずです。デフォルトでは、パネルを表示するように設定し、トリガー クラスを「アクティブ」に設定する必要があります。これは、閉じるために私の小さな x を表示します。
ただし、テンプレートの購入者が追加のクラス「非表示」をパネル マークアップに追加する場合、パネルはデフォルトで非表示にする必要があり、トリガーをアクティブに設定しないでください。その場合、トリガーはこのパネルを開くために小さな + を表示するためです。今私のアイデアを得ましたか？

私が取り組んでいるこのアプリケーションで、動的なお気に入りリストを作成しようとしています。現時点での私の問題は、特定の li クラス名を切り替えるようにイベントを指示できないことです。私は、li とそれらに関連する別のページの大きなリストを持っています。各ページには、いくつかの画像リンク、電話番号などを含むタイトル バーがあります。最後の画像は、ユーザーがクリックすると青色に変わり、別のページで対応する li 要素のクラスを切り替える必要がある星です。要素ごとに個別のコードを記述する必要はありません。各スターのクリックを 37 個の li 要素の 1 つと関連付けようとすると、ますますイライラします... jquery を使用しましたが、これを理解できません...

li 要素を含む div 別の「お気に入り」リストに複製するために切り替える必要があります

星の画像がある対応ページ

たとえば、whitestar40 をクリックすると、青色に変わり、エール ハウス リー (このページにアクセスするためにクリックされたもの) のクローンを作成し、別のページのお気に入りリストに追加します。