Question

这是关于Stack Overflow的第一个问题，我对html / javascript / jquery非常新，所以请随时提出建议。

我正在使用JQWidgets, jqxListMenu specifically。我非常喜欢这个菜单，但是我找不到如何在用户提供的API中每次点击的文本中控制.log（）。我确实让控制台记录了一次点击，但不是每次点击。如何在每次点击时记录每个菜单项的特定文本？我需要这个文本将它存储到我们的数据库中。谢谢！

这是我的html文件：

<!DOCTYPE html>
<html lang="en">
<head>

  <link rel="stylesheet" href="http://www.jqwidgets.com/jquery-widgets-demo/jqwidgets/styles/jqx.base.css" type="text/css" />
  <script type="text/javascript" src="http://www.jqwidgets.com/jquery-widgets-demo/scripts/jquery-1.11.1.min.js"></script>
  <script type="text/javascript" src="http://www.jqwidgets.com/jquery-widgets-demo/scripts/demos.js"></script>
  <script type="text/javascript" src="http://www.jqwidgets.com/jquery-widgets-demo/jqwidgets/jqxcore.js"></script>
  <script type="text/javascript" src="http://www.jqwidgets.com/jquery-widgets-demo/jqwidgets/jqxlistmenu.js"></script>
  <script type="text/javascript" src="http://www.jqwidgets.com/jquery-widgets-demo/jqwidgets/jqxbuttons.js"></script>

  <script type="text/javascript">
  $(document).ready(function () {
    $('#list').jqxListMenu({ width: '300px', enableScrolling: false, showHeader: true, showBackButton: true, showFilter: false });
    $("#list").on('click', function (event) {
      var my_string = $("#list").text();
      console.log("item was clicked");
      console.log(my_string);
      $('#my_results').text( my_string );
    });

  });
  </script>

</head>
<body class='default'>

  <ul id="list" data-role="listmenu">
    <li>item 1
      <ul data-role="listmenu">
        <li>item 1-1
        </li>
        <li>item 1-2
          <ul data-role="listmenu">
            <li>item 1-2-1</li>
            <li>item 1-2-2</li>
          </ul>
        </li>
      </ul>
    </li>
    <li>item 2
    </li>
  </ul>

  <p id="my_results">results here </p>

</body>
</html>

使用JQWidgets jqxListMenu来记录用户单击菜单项的时间

0 个答案: