単純な表示の問題についてアドバイスを求める-PHPチュートリアル-php.cn

ホームページ

バックエンド開発

PHPチュートリアル

単純な表示の問題についてアドバイスを求める

WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB

Jun 23, 2016 pm 02:38 PM

一連の

タグには、タグが含まれていることに注意してください。あるliに置かれている上記は、中のaタグが表示されています解決してください！！！

ディスカッションへの返信 (解決策)

$(this).next().show()

構造はどうですか?どうやって隠すのですか？表示:なし?または、他の何か？

CSS を使うだけです

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><title>Insert title here</title><style>	.myli:hover a{		display:block;	}	.a_start{		display:none;	}</style></head><body><ul>	<li class='myli'><a class="a_start">a</a></li>	<li class='myli'><a class="a_start">b</a></li>	<li class='myli'><a class="a_start">c</a></li>	<li class='myli'><a class="a_start">d</a></li>	<li class='myli'><a class="a_start">e</a></li></ul></body></html>

jquery を使う方が簡単です

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"type="text/javascript"></script><script>$(document).ready(function(){	$("#content li").mouseover(function(){		$(this).find("a").css("display","block");	})	$("#content li").mouseout(function(){		$(this).find("a").css("display","none");	})})</script><div id="content">	<li>li<a href="" style="display:none">test1</a></li>	<li>li<a href="" style="display:none">test2</a></li>	<li>li<a href="" style="display:none">test3</a></li></div>

li の hover ですが、ie6 ではいくつかの問題が発生します
パッチの指示があります

ww_super への返信:
これは私が書いたものです:
rrリー
しかし、マウスが離れるとaは表示されません

liのホバーですが、ie6ではいくつかの問題が発生します
パッチの指示があります

私はフロントエンドの人ではありませんが、ie6 - - ~

これは js コードです

	$('#msglist li').mouseover(function(){		$(this).children("a").css("display","block");	});			$('#msglist li').mouseout(function(){		$(this).children('a').css("display","none");	});

これは HTML コードです

	$('#msglist li').mouseover(function(){		$(this).children("a").css("display","block");	});			$('#msglist li').mouseout(function(){		$(this).children('a').css("display","none");	});

効果が得られないのはなぜですか?

jquery をロードしましたか?

上で示した例のように、js コードを
$(document).ready(function(){ ... }) の中に入れてください。

これは、ページが終了した後に js を実行できるようにするためです。これらの要素はまだページに書き込まれていません。完全なコードは次のとおりです

理解できません。 ...

> ;

<ul id='msglist'><volist name="res" id='vo2'><li class="clearfix" id="{$vo2.WithUid}" style="border:1px solid #000"><a class="delCurSx" style="display:none">X</a><div class="title"><h3 id="nbsp-vo-ToName"> {$vo2.ToName}</h3><p>{$vo2.AddTime}</p></div><div class="detail"><div class="sxDetailCon">{$vo2.Msg}</div>              </div></li></volist></ul>

またはこのように書くこともできます

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"type="text/javascript"></script><script>$(document).ready(function(){	$('#msglist li').mouseover(function(){	    $(this).children("a").css("display","block");	});	     	$('#msglist li').mouseout(function(){	    $(this).children('a').css("display","none");	}); })</script><ul id='msglist'>	<volist name="res" id='vo2'>		<li class="clearfix" id="{$vo2.WithUid}" style="border:1px solid #000">			<a class="delCurSx" style="display:none">X</a>			<div class="title">				<h3 id="vo-ToName">{$vo2.ToName}</h3>				<p>{$vo2.AddTime}</p>			</div>			<div class="detail">				<div class="sxDetailCon">{$vo2.Msg}</div>              			</div>		</li>	</volist></ul>

返信: ww_super
あなたの言ったことはわかります. スクリーンショットが少ないだけです
$(document).ready({.. .}); こんな感じです
返信: BingoVictor

10日に送った完全なコードを実行できます。ローカルでフロアにアクセスすればテストできます。実行できる場合は、比較して何が違うのかを確認してください。

ローカルで動作します。スクリーンショット:

あなたの側の状況はわかりません。。。 🎜 🎜 🎜 🎜 jquery 🎜 🎜をロードしましたか。。。他のクリック効果を実現できます。。。これは達成できません 🎜 🎜 Google Chrome で F12 を使用してコンソールを確認し、エラーが報告されているかどうかを確認してください 🎜 🎜 完了ありがとうございます 🎜

声明

この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。

アクション中のPHP：実際の例とアプリケーションApr 14, 2025 am 12:19 AM

PHPは、電子商取引、コンテンツ管理システム、API開発で広く使用されています。 1）eコマース：ショッピングカート機能と支払い処理に使用。 2）コンテンツ管理システム：動的コンテンツの生成とユーザー管理に使用されます。 3）API開発：RESTFUL API開発とAPIセキュリティに使用されます。パフォーマンスの最適化とベストプラクティスを通じて、PHPアプリケーションの効率と保守性が向上します。

PHP：インタラクティブなWebコンテンツを簡単に作成しますApr 14, 2025 am 12:15 AM

PHPにより、インタラクティブなWebコンテンツを簡単に作成できます。 1）HTMLを埋め込んでコンテンツを動的に生成し、ユーザー入力またはデータベースデータに基づいてリアルタイムで表示します。 2）プロセスフォームの提出と動的出力を生成して、XSSを防ぐためにHTMLSPECIALCHARSを使用していることを確認します。 3）MySQLを使用してユーザー登録システムを作成し、Password_HashおよびPreprocessingステートメントを使用してセキュリティを強化します。これらの手法を習得すると、Web開発の効率が向上します。

PHPとPython：2つの一般的なプログラミング言語を比較しますApr 14, 2025 am 12:13 AM

PHPとPythonにはそれぞれ独自の利点があり、プロジェクトの要件に従って選択します。 1.PHPは、特にWebサイトの迅速な開発とメンテナンスに適しています。 2。Pythonは、データサイエンス、機械学習、人工知能に適しており、簡潔な構文を備えており、初心者に適しています。

PHPは依然として動的であり、現代のプログラミングの分野で重要な位置を占めています。 1）PHPのシンプルさと強力なコミュニティサポートにより、Web開発で広く使用されています。 2）その柔軟性と安定性により、Webフォーム、データベース操作、ファイル処理の処理において顕著になります。 3）PHPは、初心者や経験豊富な開発者に適した、常に進化し、最適化しています。

PHPの現在のステータス：Web開発動向を見てくださいApr 13, 2025 am 12:20 AM

PHPは、現代のWeb開発、特にコンテンツ管理とeコマースプラットフォームで依然として重要です。 1）PHPには、LaravelやSymfonyなどの豊富なエコシステムと強力なフレームワークサポートがあります。 2）パフォーマンスの最適化は、Opcacheとnginxを通じて達成できます。 3）PHP8.0は、パフォーマンスを改善するためにJITコンパイラを導入します。 4）クラウドネイティブアプリケーションは、DockerおよびKubernetesを介して展開され、柔軟性とスケーラビリティを向上させます。

PHP対その他の言語：比較Apr 13, 2025 am 12:19 AM

PHPは、特に迅速な開発や動的なコンテンツの処理に適していますが、データサイエンスとエンタープライズレベルのアプリケーションには良くありません。 Pythonと比較して、PHPはWeb開発においてより多くの利点がありますが、データサイエンスの分野ではPythonほど良くありません。 Javaと比較して、PHPはエンタープライズレベルのアプリケーションでより悪化しますが、Web開発により柔軟性があります。 JavaScriptと比較して、PHPはバックエンド開発により簡潔ですが、フロントエンド開発のJavaScriptほど良くありません。

PHP対Python：コア機能と機能Apr 13, 2025 am 12:16 AM

PHPとPythonにはそれぞれ独自の利点があり、さまざまなシナリオに適しています。 1.PHPはWeb開発に適しており、組み込みのWebサーバーとRich Functionライブラリを提供します。 2。Pythonは、簡潔な構文と強力な標準ライブラリを備えたデータサイエンスと機械学習に適しています。選択するときは、プロジェクトの要件に基づいて決定する必要があります。

PHP：Web開発の重要な言語Apr 13, 2025 am 12:08 AM

PHPは、サーバー側で広く使用されているスクリプト言語で、特にWeb開発に適しています。 1.PHPは、HTMLを埋め込み、HTTP要求と応答を処理し、さまざまなデータベースをサポートできます。 2.PHPは、ダイナミックWebコンテンツ、プロセスフォームデータ、アクセスデータベースなどを生成するために使用され、強力なコミュニティサポートとオープンソースリソースを備えています。 3。PHPは解釈された言語であり、実行プロセスには語彙分析、文法分析、編集、実行が含まれます。 4.PHPは、ユーザー登録システムなどの高度なアプリケーションについてMySQLと組み合わせることができます。 5。PHPをデバッグするときは、error_reporting（）やvar_dump（）などの関数を使用できます。 6. PHPコードを最適化して、キャッシュメカニズムを使用し、データベースクエリを最適化し、組み込み関数を使用します。 7

See all articles

ホットAIツール

Undresser.AI Undress

リアルなヌード写真を作成する AI 搭載アプリ

AI Clothes Remover

写真から衣服を削除するオンライン AI ツール。

Undress AI Tool

脱衣画像を無料で

Clothoff.io

AI衣類リムーバー

AI Hentai Generator

AIヘンタイを無料で生成します。

ホットツール

SublimeText3 Linux 新バージョン

SublimeText3 Linux 最新バージョン

Dreamweaver Mac版

ビジュアル Web 開発ツール

ゼンドスタジオ 13.0.1

強力な PHP 統合開発環境

mPDF

mPDF は、UTF-8 でエンコードされた HTML から PDF ファイルを生成できる PHP ライブラリです。オリジナルの作者である Ian Back は、Web サイトから「オンザフライ」で PDF ファイルを出力し、さまざまな言語を処理するために mPDF を作成しました。 HTML2FPDF などのオリジナルのスクリプトよりも遅く、Unicode フォントを使用すると生成されるファイルが大きくなりますが、CSS スタイルなどをサポートし、多くの機能強化が施されています。 RTL (アラビア語とヘブライ語) や CJK (中国語、日本語、韓国語) を含むほぼすべての言語をサポートします。ネストされたブロックレベル要素 (P、DIV など) をサポートします。