コミュニティ 学ぶ ツールライブラリ レジャー
検索
日本語
ホームページ > ウェブフロントエンド > jsチュートリアル > 本文

WordPress JQuery がソファ avatar_jquery を処理する

WBOY
リリース： 2016-05-16 18:51:15
オリジナル
1019 人が閲覧しました

これはソファのクラスメートにとって不公平だと思います。昨日、クラスメートの yingheli が書いた「マウスホバーによるメッセージコンテンツの表示」という記事を読んでいて（良い記事なので読むことをお勧めします）、ソファのアバターをコピーして、以下のスクリーンショットに示すように、目立つ位置にあります。
shafa-screenshot
最初のステップは、Web サイトに JQuery をロードし、ソファ アバターを配置する必要がある場所に

コードをコピーします コードは次のとおりです:
🎜>

次に、js を使用してソファのアバターをコピーし、コピーしたコンテンツを上記の
セットに入力します。


コードをコピー コードは次のとおりです:
$(document).ready(function() {
$(".commentlist .avatar:last img").clone() .appendTo("#shafa");
});


以上です。上記の
アバター
はテーマ テンプレートにアバター画像が含まれるスタイルであると想定されます。名前、次に
:last
ソファにいるクラスメートがメッセージの最後にあるため、これは私のような逆順の掲示板に設定されています。リスト; 連続したメッセージボードの場合は、
:first
に変更されます。
また、CSS スタイルを定義することを忘れないでください。また、同様の方法で、ソファのメッセージ内容や名前など、スタイル名に対応するものであれば指定した内容をコピーすることもできます。
関連ラベル：
jquery wordpress
ソース：php.cn
前の記事：Javascriptコードも美しい実装方法_JavaScriptスキル 次の記事：さまざまなブラウザでの PNG 背景のアプリケーション_JavaScript スキル
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
著者別の最新記事
最新の問題
WordPress のバージョンを wp-cli に固定する WordPress のダウンロードに wp-cli を使用していますwp-cli--allow-rootcoredownload WordPress のバージョンを修正する方法はあ...
から 2024-04-04 21:52:26
0
1
1456
影付きクローンバージョンでメニューボタンをX字型に変形させるホバーエフェクトを作成します まず初めに、タイトルが紛らわしいことを認めたいと思います。申し訳ありません。私が達成したいのは、ホバー時の次の効果です。私のウェブサイトはここです https://wordpres...
から 2024-04-04 11:55:21
0
2
315
ファイル名の部分一致に基づいて、指定されたパスからファイルを取得します 私は gulp を利用してアプリケーション (scss、js) ファイルのフロントエンドを構築する WordPress を開発しています。私のfunctions.phpでは、enq...
から 2024-04-03 14:50:46
0
1
419
Jquery スライダーが正しく表示されないのはなぜですか? WordPress カスタムテーマに SlickSlider ライブラリを実装して、高度なカスタムフィールドプラグインから取得した画像スライダーを表示しようとしています。ただし、ス...
から 2024-04-03 10:43:26
0
1
397
カスタムPHPページに配置するWordPress Photo'の値を取得します 既存の HTML (より具体的には asp.net Web サイト) から WordPress Web サイトを作成する必要があるため、テンプレートを作成し、次を使用して php ...
から 2024-04-02 19:13:12
0
1
296
関連トピック
詳細>
人気のおすすめ
人気のチュートリアル
詳細>
関連するチュートリアル
人気のおすすめ
最新のコース
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート