問題タブ [removeclass]

こんにちは、私はこれで一日中問題を抱えていました。ほとんど機能しますが、完全ではありません。サムネイルをクリックすると、対応する p (#p-1 など) が強調表示されたままになる必要があります。少しカスタマイズした画像スライダー用のプラグインを使用しましたが、mouseover イベントと mouseleave イベントは正常に動作していますが、クリック イベントが対象の段落にクラスを追加するようには見えません。

jsfiddle の例http://jsfiddle.net/RVYnb/7/

関連する jQuery は、例にインラインで記述されています。

これは私を夢中にさせています、助けてください！

私はこの機能を持っています

これは最初の関数で正常に機能しますが、2番目の関数は何もしません。どうすれば修正できますか？

かなり興味深い問題があります。画像を拡大/縮小できるプラグインを作成しています。閉じる (「ウィンドウ」を閉じる)、ズームイン、ズームアウトの 3 つのボタンがあります。ズームイン/ズームアウトのボタンも無効化されています。ズームの最小/最大量に達するとアクティブになります。

画像を開いてズームすると、アクティブなズームアウト ボタンと無効なズームイン ボタンが表示されます (開くときに最大値を設定したため)。ズームアウトボタンを最初にクリックしたとき、ズームインボタンは無効なクラスを取り除く必要があります。Safari、Chrome、Firefox 3.6/4/5、IE8 では正常に動作しますが、IE7 では動作しません。

拡大ボタンには ID とクラスがあり、IE7 に要素から特定のクラスを強制的に削除させたいと考えています。まず、removeClass() を使用しましたが、機能しませんでした。次に、IE7 を除くすべてのブラウザーで動作する setAttribute() を使用します。

これが例です。したがって、画像を開いてズームすると、ズームアウト ボタンには ID="zoom-button-in" と 5 つのクラス (zoom-icon、zoom-icon-small、zoom-button-in、zoom-button-disabled、ズームボタン無効。そして、2つの「無効な」クラスを削除したいと思います。だから私はこれを使用します：

無効でないクラスを挿入する前にクラスを空に設定しようとしましたが、うまくいきませんでした。

この方法は IE7 で機能しますか? (-:

君たちありがとう！

私は一連の CSS3 トランジションを使用していますが、JQuery UI を使用してクラスを追加および削除することで、古いマシンをバックアップします。

JQuery UI addClass アニメーションは完全に機能します。ただし、JQuery UI removeClass はアニメーション化されていません。代わりに、アニメーション時間だけ遅延してから、前のクラスの属性にジャンプします。

私はフィドルを設定しましたが、何らかの理由でこのフィドルは何もしません。理由はわかりません。http://jsfiddle.net/aA9LN/4/

何か案は？

素晴らしい

この矢印トグル スクリプトを自分のページで動作させようとしています。シンプルなものが恋しいと思いますが、それが何であるかわかりません。これを理解するために2時間を費やしてきました。

スクリプト ：

CSS:

次に私のHTML：

したがって、上下の矢印は「a href」タグの内側にあり、「tab」ID に応じて H3 タグに異なる背景画像があります。それが理にかなっていることを願っています。

前もって感謝します！！

こんにちは、
私はこれにまったく慣れておらず、頭を悩ませています。私はこれを短くしようとします...

ボタンは2×3です。それらの写真を見るには、このリンクをたどってください。 (私は写真ジェットを投稿することはできません...)
写真の上段のボタンは :hover クラスで、下段は標準です。6 つのボタンすべてに div があり、クラスごとに結合された css スタイル (.black1 + .black1:hover) があります。
(HTML):

この例では、ボタン「black_month」と「white_month」にクラス「re_light_on」を追加しました。これでライトのスイッチが入ります。(このクラスは、HTML スクリプトに含めるべきではありません。) これは、「日」ボタンと「月」ボタンに 2 つのクラス (.._light_off & .._light_on) を設定したことを意味し、両方に独自のホバーがあります。 -スタイル。

計画:
body-tag に ID "body_bg" を与えました。デフォルトでは、これにはクラス「bg_gray」があります。誰かが「Black」ボタンをクリックすると、「body_bg」からクラス「bg_gray」が削除され、クラス「bg_black」がロードされます。これは次のように機能します (HTML):

「白」ボタンをクリックすると、逆になります。(「デフォルトにリセット」ボタンもあります)
質問 1:上記のスクリプトを HTML ページから外部の js ページに移動するにはどうすればよいですか? これを js ページに追加できれば、これに 'cookie.set' と 'cookie.del' 関数を追加して、サイトの別の部分を表示できるようにします。選択されました。

次に、残りの 4 つのボタンについて説明します。私はこれらも同様に機能しています(html):

これにより、両方の「日」ボタンを同時に点灯させることができなくなります。このスクリプトは、「white_day」ボタンの場合と逆で、両方の「月」ボタンの場合も同じです。
質問 2:同じ質問です。外部jsページからこれを機能させるにはどうすればよいですか?
私は多くのことを試しましたが、どうやら私は javascript を十分に上手に話せないようです。

最終的には、「黒」ボタンと「白」ボタンでこのブラウジング セッションの Cookie を設定し、「日」ボタンでその日の残りの Cookie を設定し (主に楽しみのため)、「月」ボタンで設定したいと思います。 1 か月間 Cookie を設定します。ブラウズ Cookie は削除されるべきではありませんが、日および月の Cookie よりも上位に表示されます。そして、日の Cookie は月の Cookie を上回る必要があります。
以下は、私が試した多くのことの1つです。あなたがそれを撃つことができるように;）

最後の質問: 2 x 3 ではなく、5 x 3 ボタンで別のスタイルシートを指示する 2 番目の計画があります。これをすべて行う簡単な方法はありますか???

あなたの時間と努力に感謝します。私は、私が犯すすべての間違いと、あなたが私に与えることができるすべての答えから学ぶことを知っています.

cmsのページ順序を変更する簡単なスクリプトがあります。これは、jQueryを使用したテーブル行の並べ替えに基づいています。ここで問題となるのは、ハイライトクラスを行全体から遅らせて削除したいということです。delay（）を無視し、すぐに削除します。

行にカーソルを合わせると、cell_rolloverクラスが追加されるという考え方です。上/下矢印をクリックすると、クラスはその行に残り、行が移動したことを示します。したがって、約200ミリ秒後、クラスが削除されます。そうではありません。

矢印のコード：

注：cell_roverクラスは、jQueryスクリプトを使用して行に追加されています。

なぜこれが発生し、どのように修正するのですか？

私の一般的なアイデアの編集 ソリューションは、jqueryエフェクトのハイライトの形式です。http：//jsfiddle.net/sZdre/1/ しかし、それでも、遅延が正常に機能しない理由を理解しようとしています。

各要素を個別に呼び出す代わりに、.removeClassを使用して一致するすべてのクラスを削除するにはどうすればよいですか？

したがって、これの代わりに：

次のシナリオのロジックが見つかりません:

ループには 6 つの投稿があり、各投稿にはカスタム フィールドで色の値が設定されています。投稿の抜粋の 1 つにマウスを合わせると、抜粋の背景がカスタム フィールドで設定された色に変更されます。

機能していますが、1 つの投稿にカーソルを合わせると、1 つの投稿だけでなく、すべての投稿の非表示の色が表示されます。

投稿 ID を変数に格納し、その変数を JQuery の addClass/removeClass 関数に渡す方法はありますか?

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

HTML:

それから私はこのJqueryを持っています:

});

上記のコードは、threesome クラスのため、明らかに機能しません。JQuery で $display var を取得し、css を適用する方法はありますか?

さて、タイマーの画像スライダーと同じコードを使用してリストアイテムをループしましたが、うまく機能しました。次に、これに「次へ」ボタンと「前へ」ボタンを追加して、ユーザーエクスペリエンスを向上させます。私はスタックを見回して、いくつかのことを試しましたが、これに対する解決策を思い付くことができないようです。

最初にHTMLコードを示します。

次はjQueryです。しかし、最初に説明する必要があります。コードは、各アンカータグのクラス「current」を追加および削除する最初のコードから始まるID「tabs」のリストをループします。次に、「出力」リストで対応する項目を検索し、その出力を表示します。ここにコードがあります：

私がやろうとしたのは、誰かが「次へ」ボタンをクリックしたときに前の画像が表示されるようにすることです。これは機能します（回り道かもしれませんが）。.prev関数と.next（）関数を使用しようとしたときの主な問題は、現在のクラスを前後に移動させることができなかったことです。両方のリストがそれぞれのリストで常に同じ番号になるようにします。'current'クラスが：firstまたは：lastのいずれかにある場合、タイマーの場合と同じようにループします。

誰かが助けてくれるなら、私はそれを大いに感謝します。さらに詳しい情報が必要な場合は、遠慮なくお問い合わせください。前もって感謝します！

編集

さて、next.clickを取り出して、tabs.clickのすぐ下のメインコード領域に戻しました。

このALMOSTは機能します！唯一の問題は、変数'nextli'が静的であり、その値がDOMのロード時にのみ決定されることです。次のボタンがクリックされるたびにではありません。クリックするたびに「nextli」を評価するにはどうすればよいですか？