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

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

WBOY

リリース： 2016-06-23 14:38:26

オリジナル

763 人が閲覧しました

一連の

タグには、タグが含まれていることに注意してください。ある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 を実行できるようにするためです。これらの要素はまだページに書き込まれていません。完全なコードは次のとおりです

理解できません。 ...

著者別の最新記事