Question

我想要一个ul而不是“Select”类型的下拉列表。但是，在转换为ul后，我的javascript没有触发，我无法弄清楚原因。它作为一个选择很好...我错过了什么？

这是原始的Select（工作）

hduser@vagrant:/usr/local/hadoop$ hadoop jar share/hadoop/mapreduce/hadoop*examples*.jar wordcount /user/hduser/gutenberg /user/hduser/gutenberg-output>joboutput

这是ul版本:(不工作）

<div class="container">
    <select id="selector1" name="divshowhide">
      <option selected disabled value="null">Sort By:</option>
      <option value="#Online-holder">Online Now</option>
      <option value="#Lowest-holder">Lowest Price First</option>
      <option value="#Best-holder">Best Rating First</option>
    </select>
</div>

这是javascript：

<li><a href="#">Sort</a>
    <ul class="dropdown" id="selector1">
        <li><a href="#" value="Online-holder">Online Now</a></li>
        <li><a href="#" value="Lowest-holder">Lowest Price First</a></li>
        <li><a href="#" value="Alpha-holder">Alpha</a></li>
    </ul>
</li>

帮助！谢谢！

Answer 1

由于您的元素变为可点击元素而非可选元素，因此您可以将change函数更改为click函数，如下所示：

jQuery("#selector1 li").click(function(){
  var div = jQuery("a", this).attr("value");
  $('.holder').hide(200);
  jQuery(div).show(200);
});

将“select”下拉列表转换为list drowndown后，div show / hide停止工作

1 个答案: