問題タブ [attr]

クロスフェード効果のある単純なフォト ギャラリーを作成すると、奇妙な動作が発生します。

(1.) 元の画像の上にオーバーレイ画像をフェードインし、(2.) 下にある元の画像の src 属性をオーバーレイ画像の属性に変更し、最後にステップ、（3.）オーバーレイ画像を削除します。

上記のコード (最後の 2 つのステップを示しています) は、すべての画像がキャッシュされている場合に機能します。おそらく、属性の変更と src 属性の削除が同時に発生し、削除は src 属性を変更するよりも少し速い可能性があるため、キャッシュが空の場合、更新された画像を表示する前に、変更されていない古い画像を簡単にフラッシュします。画像を更新しています。

ご覧のとおり、コールバック関数 (この場合はそれぞれ) を何らかの方法でアタッチしようとしましたが、問題は解決しませんでした。

ドキュメントの準備ができたら、クラス内のすべてのdivのオブジェクトを作成し、divの属性「id」に基づいてそれらを割り当てようとしています。これが機能しない私のコードです、私は理解できません。

そして私のスクリプトセクションで。

ありがとうございました

ユーザーがキーワードをコンマで区切って挿入できる入力フィールドがあります。そのキーワードである src を使用して、デフォルトのファイル拡張子が .png の画像を生成したいと思います。画像は予想されるキーワードに基づいて名前が付けられているため、ここでは画像ファイルは作成されていません。

たとえば、リストは次のようになります。

【子犬、子猫、風船、クッキー】

画像を含むキーワードを入力すると、そのことの小さなアイコンが階層内の別の場所にポップアップ表示されます。

私はすでにjqueryに精通しており、同様のトリックを行うことができますが、取り組む方法がわからないのはコンマ区切りのリスト部分です。入力フィールドの value 属性を取得し、画像の src を変数としてその値に設定できます。しかし、コンマの間だけをキャプチャする方法が主な問題です。(カンマの後のスペースは関係ありません)

クラスを変更して次のクリックまで保持するattr関数を取得できません。また、新しいmouseenterおよびmouseout関数は使用されません。私が間違っていることについて何か考えはありますか？

HTML

JQUERY

これがページのサンプルへのリンクです。MMAスライドショーコントロールのサンプル

jQueryでロケット発射エフェクトを作っています。ロケットをクリックすると、別のロケットの画像に切り替わり、打ち上げられます。「リセット」リンクをクリックすると、ロケットは開始位置をリセットし、画像を元に戻す必要があります。しかし、2 つの問題があります。まず、「ロケットの画像が元に戻りません」。第二に、最初の場所に戻した後、もう一度 Rocket をクリックしても起動しません。解決策を見て見つけてもらえますか?

http://jsfiddle.net/thisizmonster/QQRsW/

$("rocket").attr() 行が表示されます。

背景画像プロパティを持つ入力要素、スパン、および div があります。

ユーザーがリンクを入力フィールドに貼り付けたり入力したりして [Go] ボタンをクリックすると、div の背景画像プロパティがその URL に変更されるスクリプトを作成しようとしています。

色を表すアイコンであるスパンがあります。ユーザーがアイコンをクリックすると、文字列変数 layerFind が適切な色に変わります。この文字列は、イメージ ファイルの src として使用されます。現在、ページをロードするときのデフォルトである BASE 文字列値で機能しますが、スパン クリックには応答しません。

switch ステートメントの方が理にかなっているのかどうか疑問に思っています。後で、クリックした色を組み合わせることができるようにするために、このスクリプトが必要になります。たとえば、白いアイコンと黒いアイコンをクリックすると、文字列が略語の WB になり、その名前の画像ファイルは灰色の画像になります。3 つ以上をクリックすると、RAINBOW などのセカンダリ デフォルトが使用されます。

selectその場で検証して適切なメッセージを表示するために使用するカスタム属性がいくつかある要素があります。属性の名前は、次のようにキャメルケースに入れられます

問題は、1.6より古いバージョンのjQueryでは.attr()大文字と小文字が区別されるように見えることです。さらに問題なのは、元々大文字と小文字が区別された属性をフェッチしないことです。これはChromeのFirefoxでも同じように機能しますが、Internet Explorerでは期待どおりに機能します（大文字と小文字は区別されません）。すべてのケーシング（元のケーシングを除く）が機能することも興味深いです。

これがこの問題のJSFiddleの例です。左側のjQuerylibバージョンを変更し、[実行]をクリックして、他のバージョンとの動作を確認できます。

この問題をどのように軽減しようとしていますか？

これが機能しない理由がわかりません。

ユーザーが私のアプリケーションの[編集]ボタンをクリックすると、無効になっているテキストフィールドが編集可能になります。

次に、ユーザーが保存するときにテキストフィールドを再度無効にします。このコードを保存ボタンにバインドしています：

私の知る限り、これによりテキストフィールドが再び無効になります。ただし、これはChromeでは機能していないようです。Firefoxで動作します。IEやSafariでテストする機会はまだありません。Chromeでもこれを機能させる方法はありますか？どうもありがとう！

jQueryレベルまたはDOMレベルのいずれかで、チェックボックスのチェックされた属性について何か特別なことが必要です。このHTMLの場合：

そしてこのJavaScript：

期待したものが得られません。「チェック済み」以外の属性名を使用すると、期待どおりに機能します。

これを機能させようとしている理由は、ブラウザのDOMに存在するHTMLを取得してPDFに変換する必要があるためです。これにより、ユーザーはページのPDFバージョンをそのまま取得できます。 ; クライアント側で頻繁に操作されるため、サーバーから直接正しいHTMLを取得するのは簡単なオプションではありません。

上記のコードの動作バージョンは次のとおりです：http：//jsfiddle.net/pettys/qTfDP/2/