0

jqueryを使用してドロップダウンメニューを作成しました。これはインラインで表示されます。これは、表示したい方法であり、クリックすると他のオプションが表示されます。ただし、リンクをクリックすると、LIタグがブロックに戻されたように見えます。

なぜこれを行うのかについて誰かが何か考えを持っていますか？

HTML

<!-- Navigation bar start -->

<div id="navbar">

    <!-- England nav bar start -->
    <li id="engmainnav"><a href="#">England</a>
    <ul id="engsubnav">
        <li class="engli"><? echo $this->Html->link('News', array('controller'=>'Premiership', 'action' =>'news')); ?></li>
        <li class="engli"><? echo $this->Html->link('Results/Fixtures', array('controller'=>'Premiership', 'action' =>'resultsfixtures')); ?></li>
        <li class="engli"><? echo $this->Html->link('Teams', array('controller'=>'Premiership', 'action' =>'teams')); ?></li>
        <li class="engli"><? echo $this->Html->link('Table', array('controller'=>'Premiership', 'action' =>'table'));?></li>

    </ul>
    </li>
    <!-- England nav bar end -->

    <!-- La liga nav bar start-->
    <li id="sanav"><a href="#">Italy</a>
    <ul id="sasubnav">
        <li class="sali"><? echo $this->Html->link('News', array('controller'=>'Italy', 'action' =>'news')); ?></li><br/>
        <li class="sali"><? echo $this->Html->link('Results/Fixtures', array('Italy'=>'Premiership', 'action' =>'resultsfixtures')); ?></li><br/>
        <li class="sali"><? echo $this->Html->link('Teams', array('controller'=>'Italy', 'action' =>'teams')); ?></li><br/>
        <li class="sali"><? echo $this->Html->link('Table', array('controller'=>'Seriea', 'action' =>'table'));?></li><br/>

    </ul>
    </li>



    </div>
    <!-- Navigation bar end -->

CSS

/* Navigation Style */
#navbar {
background-color: #000666;
margin: 0px 0px 0px 10px;
}

#engsubnav {
list-style: none;
margin:none;
display: none;

}

 #sasubnav{
 list-style: none;
margin:none;
display: none;
}

 .engli {
   margin: 0px 0px 0px -38px;
display:block;
 }


 li {
  list-style: none;
 margin: 0px 0px 0px 10px;
 display:inline;

  }

  ul{
display:inline;
 }

助けてくれてありがとう

http://jsfiddle.net/Hm4ns/5/

4

1 に答える 1

1

あなたはdisplay:block;あなたの.engli声明を持っています（LIイングランドリストの要素はすべて'engli'のクラスを持っています）。インラインULに設定されている可能性がありますが、LIsはブロックされているため、クリックして表示されると、すべて新しい行にドロップされます。

于 2012-07-06T22:29:29.127 に答える