ホームページ >バックエンド開発 >PHPチュートリアル >単純な表示の問題についてアドバイスを求める
単純な表示の問題についてアドバイスを求める
- WBOYオリジナル
- 2016-06-23 14:38:26767ブラウズ
一連の 25edfb22a4f469ecb59f1190150159c6 タグには、3499910bf9dac5ae3c52d5ede73834855db79b134e9f6b82c0b36e0489ee08ed タグが含まれていることに注意してください。ある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 を実行できるようにするためです。これらの要素はまだページに書き込まれていません。完全なコードは次のとおりです
8e4d8f418e3fabdf8a217cf352f7b9c0e57f6d55de3aeb1d2cc9699608e34726
$( document).ready(function(){
$("#content li").mouseover(function(){
$(this).find("a").css(" display","block");
}) $ $ ("#Content li").Mouseout (function () {
$ (this) .find ("a"). Css ("display", "none") ;
})
<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> {$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>{$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
ローカルで動作します。 スクリーンショット:
あなたの側の状況はわかりません。 。 。 🎜 🎜 🎜 🎜 jquery 🎜 🎜をロードしましたか。 。 。他のクリック効果を実現できます。 。 。これは達成できません 🎜 🎜 Google Chrome で F12 を使用してコンソールを確認し、エラーが報告されているかどうかを確認してください 🎜 🎜 完了 ありがとうございます 🎜