0

誰か助けてくれませんか？liメニュー項目から#topのサイズを変更できません。これはhtmlコードです：

<div id="top"></div>
<div id="wrapper">
<div id="header">
<div id="topheader"></div>
<div id="baseheader">
<div id="logo"><img src="images/logo.png" width="260" height="131" /></div>
<div id="contentmenu"><div id="menu">
<ul id="nav">
<li id="nav1"><a href="#">ESTUDIO</a></li>
<li id="nav2"><a href="#">PORTFOLIO</a></li>
<li id="nav3"><a href="#">SERVICIOS</a></li>
<li id="nav4"><a href="#">PRESUPUESTO</a></li>
<li id="nav5"><a href="#">CONTACTO</a></li>
</ul>
</div></div>
</div>
</div>

そしてこのjQUERY

$("#nav li[id='nav4']").live('click', function(e) {
$("#top").animate({height:114});
});
4

1 に答える 1

0

.live()の代わりに.on( ) をお勧めします。「jQuery 1.7 以降、.live() メソッドは非推奨です」

<script type="text/javascript"> 
 $(document).ready(function(){ 
  $("#nav").on('click', '#nav4', function () {
    $("#top").animate({height:114});
     return false;
   });
 });
</script>

http://jsfiddle.net/z4KrL/9/

使用しないので、メニュー ID はクラスを使用します。

アップデート：

  • コードを上からページの一番下にコピーします
  • Jquery ライブラリへのリンクを追加<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
  • 外部へのリンクを削除topheight.js
于 2013-01-13T21:28:00.260 に答える