单击操作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>

<强>的Javascript

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