点击动作Jquery无法正常工作

Question

       <li class="dropdown">
                         <a href="#" class="dropdown-toggle" data-toggle="dropdown">Dropdown<strong class="caret"></strong></a>
                        <ul class="dropdown-menu">
                            <li id="mymenu">
                                <a href="#">Alert</a>
                            </li>
                        </ul>
        </li>

jQuery代码如下

  <script type="text/javascript">
    $("#mymenu").click(function(){
      alert("The paragraph was clicked.");
   });
  </script

我正在使用Twitter Bootstrap尝试在单击下拉菜单时显示警报，但我无法执行

Answer 1

这是一个工作示例http://jsfiddle.net/lgtsfiddler/8xfqcfuz/ 。 您必须像这样包装代码，并且必须加载jquery。

的HTML

    <script src="//code.jquery.com/jquery-1.11.0.min.js"></script>
    <script src="//code.jquery.com/jquery-migrate-1.2.1.min.js"></script>
<li class="dropdown">
    <a href="#" class="dropdown-toggle" data-toggle="dropdown">Dropdown<strong class="caret"></strong></a>
    <ul class="dropdown-menu">
        <li id="mymenu">
            <a href="#">Alert</a>
        </li>
    </ul>
</li>

Java脚本

// A $( document ).ready() block.
$( document ).ready(function() {
  $("#mymenu").click(function(){
     alert("The paragraph was clicked.");
   });
});