-3

Foundation 4 を使用して作成したこのドロップダウン ボックスがあります。

<a href="#" data-dropdown="pipeline" class="small secondary radius button dropdown" >Select a Pipeline</a>
  <ul id="pipeline" data-dropdown-content class="f-dropdown ">
    <li>
      <a href="#" id="2d">2D Pipeline</a>
    </li>
    <li>
      <a href="#">3D Pipeline</a>
    </li>
  </ul>

私がやりたいことは、ユーザーが 2D パイプラインをクリックすると、div. これが私のスクリプトです。はdivドキュメントのロード時に非表示になります。

$(document).ready(function() {
  $("a[href*='teams_pipeline.html']").removeAttr("id");
  $("#2d_div").hide();
});
$("#pipeline li a#2d").click(function() {
   $("#2d_div").show();
});

このスクリプトは現在動作しません

4

2 に答える 2

0

ページロード時に id を削除し、そのビットを削除してみてください:

$("a[href*='teams_pipeline.html']").removeAttr("id");

コードから、それは動作するはずです。css で div を非表示にすることもできます。set のように、このコンテキストで JavaScript を使用する必要はないようです。

#2d-div{ 表示:なし }

?

于 2013-04-03T21:11:45.233 に答える
0

関数click内でハンドラーピースを移動します$(document).ready

$(document).ready(function () {
    $("a[href*='teams_pipeline.html']").removeAttr("id");
    $("#2d_div").hide();

    $("#pipeline li a#2d").click(function () {
        $("#2d_div").show();
    });
});

jsfiddle デモ

また、jQuery の代わりに CSS を使用して最初に div を非表示にすることも検討してください

于 2013-04-03T21:19:01.690 に答える