jquery - Show() 无法使用标签

Question

我有这个使用 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 Pipeline 时，它​​应该显示一个div. 这是我的脚本。div文件加载时隐藏。

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

此脚本当前不起作用

Answer 1

move the click handler piece within the $(document).ready function

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

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

jsfiddle demo

also consider hiding the div initially with CSS instead of jQuery

Answer 2

您在页面加载时删除 id，尝试删除该位：

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

从代码中，它应该可以工作。也许隐藏你的css中的div，在这种情况下使用javascript似乎没有必要，比如set

#2d-div{ 显示：无 }

?