0

jsfiddle でメニューを作成しました。これが私の作品です。

しかし、私のページでは異なる結果が得られました。

jsfiddle は動作していますか? 一部のコードを変更する必要がありますか?

<div id="menu_main">

  <ul>    
    <li class="mainop"><a href="#">Category</a>
      <ul>
        <li><a href='../index.php?category=Blogging'>Blogging</a></li>
        <li><a href='../index.php?category=General'>General</a></li>
        <li><a href='../index.php?category=Arts and Entertainment'>Arts and Entertainment</a></li>

        <li><a href='../index.php?category=Womens Interests'>Womens Interests</a></li>
        <li><a href='../index.php?category=Writing and Speaking'>Writing and Speaking</a></li>
      </ul>
    </li>
  </ul>  

</div>

私のスクリプト

<script language="JavaScript" type="text/javascript">
$(document).ready(function() {
    $(".mainop").hover(function() {
        var $this = $(this);
        $this.find("ul").slideDown("fast");
        $this.children('a:first-child').addClass('active');
    }, function() {
        var $this = $(this);
        $this.find("ul").slideUp("fast");
        $this.children('a:first-child').removeClass('active');
    });
});
</script>
4

1 に答える 1

0

JSFiddle によると、コードの出力 HTML は次のようになります。

<div id="menu_main">
    <ul>
        <li class="mainop"><a href="#">Main option</a>
            <ul style="display: block; "></ul>
        </li>
        <li class="mainop"><a href="#">Main option</a></li>
        <li class="mainop"><a href="#">Main option</a></li>
    </ul>
</div>

すべてのリスト要素がなくなりました。

columnizer jQuery pluginを参照していることがわかりますが、JSFiddle ページには含まれていません。それが、同じ結果が得られない理由である可能性があります。への呼び出しを削除するとcolumnize、リスト要素が再表示されますが、見栄えがよくありません。

于 2012-08-03T06:53:02.837 に答える