Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/381.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/86.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何使用动画多级jQuery下拉插件无错误?_Javascript_Jquery_Drop Down Menu_Jquery Plugins - Fatal编程技术网

Javascript 如何使用动画多级jQuery下拉插件无错误?

Javascript 如何使用动画多级jQuery下拉插件无错误?,javascript,jquery,drop-down-menu,jquery-plugins,Javascript,Jquery,Drop Down Menu,Jquery Plugins,我正在使用动画多级jQuery下拉插件,遇到以下错误: jquery-1.11.1.min.js:2未捕获类型错误:无法读取属性 未定义的“长度” 在Function.each(jquery-1.11.1.min.js:2) 在Dropdown.addItem(jquery.Dropdown.js:1274) 反对。(jquery.dropdown.js:1185) 在Function.each(jquery-1.11.1.min.js:2) 在Dropdown.addItems(jquery.

我正在使用动画多级jQuery下拉插件,遇到以下错误:

jquery-1.11.1.min.js:2未捕获类型错误:无法读取属性 未定义的“长度” 在Function.each(jquery-1.11.1.min.js:2) 在Dropdown.addItem(jquery.Dropdown.js:1274) 反对。(jquery.dropdown.js:1185) 在Function.each(jquery-1.11.1.min.js:2) 在Dropdown.addItems(jquery.Dropdown.js:1183) 在Dropdown.addItem(jquery.Dropdown.js:1269) 反对。(jquery.dropdown.js:1185) 在Function.each(jquery-1.11.1.min.js:2) 在Dropdown.addItems(jquery.Dropdown.js:1183) 在下拉列表中。\u populateList(jquery.Dropdown.js:2380)

这是我的代码:

    <!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="description" content="">
    <meta name="author" content="">


    <link href="css/jquery.dropdown.css" rel="stylesheet" type="text/css">
    <link rel="stylesheet" href="css/font-awesome.min.css">
    </head>

  <body role="document">

    <div class="container">

      <select>
        <option>Select Option 1</option>
        <option>Option 2</option>
        <option>Option 3</option>
      </select>

      <!-- Html lists -->

      <ul>
        <li>Item 1</li>
        <li data-dropdown-text="Item 2">
          <ul>
            <li data-dropdown-text="Item 2.1">
              <ul>
                <li>Item 2.1.1</li>
                <li>Item 2.1.2</li>
                <li>Item 2.1.3</li>
              </ul>
            </li>
            <li data-dropdown-text="Item 2.2">
              <ul>
                <li>Item 2.2.1</li>
                <li>Item 2.2.2</li>
                <li>Item 2.2.3</li>
              </ul>
            </li>
            <li data-dropdown-text="Item 2.3">
              <ul>
                <li>Item 2.3.1</li>
                <li>Item 2.3.2</li>
                <li>Item 2.3.3</li>
              </ul>
            </li>
          </ul>
        </li>
        <li>Item 3</li>
      </ul>
        </div>



    ================================================== -->
    <!-- Placed at the end of the document so the pages load faster -->
    <script src="http://code.jquery.com/jquery-1.11.1.min.js"></script>
    <script src="js/jquery.dropdown.js"></script>
    <script>

            $('select, ul').dropdown();

    </script>
    <!--<script src="js/bootstrap.min.js"></script>-->

     </body>
    </html>

选择选项1
选择2
选择3
  • 项目1
      • 项目2.1.1
      • 项目2.1.2
      • 项目2.1.3
      • 项目2.2.1
      • 项目2.2.2
      • 项目2.2.3
      • 项目2.3.1
      • 项目2.3.2
      • 项目2.3.3
  • 项目3
================================================== --> $('select,ul')。下拉列表();

请帮助我,我不知道问题出在哪里?

当我将jQuery版本更改为1.12.4时,我遇到了类似的问题,问题消失了

请随意点击复选按钮接受答案:)不客气