Semantic-ui下拉列表无效

Question

Semantic-ui下拉列表无效

我在HTML表单中集成下拉菜单时遇到问题.我已经尝试了我能做的一切以及我在网上找到的东西,但它仍然无效.我发现这个代码在JSFiddle上运行正常.脚本路径很好,脚本正确加载.

我错过了什么？

<html>
  <head>
      <meta charset="UTF-8">
      <link href="../semantic/packaged/css/semantic.min.css" rel="stylesheet" type="text/css"/>
  <script type="text/javascript" src="http://code.jquery.com/jquery-latest.min.js"></script>
  <script src="../semantic/packaged/javascript/semantic.min.js"></script>
  <script>
    $('.ui.dropdown').dropdown();
  </script>
  </head>
  <body>
      <form class="ui form segment" style="width:400px; margin:auto;" method="POST" action="register_do.php">
    <div class="field">
      <label>??</label>
      <div class="ui fluid dropdown selection">
        <input type="hidden" name="grade">
        <div class="default text">??</div>
        <i class="dropdown icon"></i>
        <div class="menu">
          <div class="item" data-value="10">?1</div>
          <div class="item" data-value="11">?2</div>
          <div class="item" data-value="12">?3</div>
        </div>
      </div>
    </div>
    <div class="ui buttons">
              <button class="ui red submit button">??</button>
              <div class="or"></div>
              <div class="ui button" onClick="history.back();">??</div>
          </div>
      </form>
  </body>
</html>

Run Code Online (Sandbox Code Playgroud)

Answer 1

imj*_*red 15

试试看

<script>
    $('.ui.dropdown').dropdown();
</script>

Run Code Online (Sandbox Code Playgroud)

在结束</body>标记之前.在这些元素$('.ui.dropdown')甚至存在于DOM中之前,您正在运行下拉列表,因此无需附加任何内容.

你也可以做`$(function(){$('.ui.dropdown').dropdown();})`并把它留在头脑中 (3认同)

归档时间：	11 年，8 月前
查看次数：	16162 次
最近记录：	8 年，2 月前