Javascript “模式淡入淡出”对话框未打开

我正在尝试使用模式引导打开一个弹出窗口。以下是模态代码：

    <div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
      <div class="modal-dialog">
        <div class="modal-content">
          <div class="modal-header">
            <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
            <h4 class="modal-title" id="myModalLabel">Modal title</h4>
          </div>
          <div class="modal-body">
            ...
          </div>
          <div class="modal-footer">
            <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
            <button type="button" class="btn btn-primary">Save changes</button>
          </div>
        </div>
      </div>
    </div>
   <%--<a class="btn btn-info pull-right" data-toggle="modal" data-target="#myModal">Requirements</a>--%>
   <button class="btn btn-info pull-right" data-toggle="modal" data-target="#myModal">Requirements</button>

&时代；
情态标题
...
接近
保存更改
要求

现在，当我尝试通过按钮触发modal时，它不起作用，但当我使用锚定标记

时，它起作用

如何使用按钮使其工作？

我已经创建了一个，请参考。以下是单击时打开模式按钮的示例代码： HTML:

---

非常有效@ICanHasKittenz那么它为什么不能在我的本地机器上工作呢？我不知道你那边出了什么问题，但是你必须检查你是否使用了正确的版本，控制台错误，任何其他javascript阻止了它等等。@ICanHasKittenz:它所做的只是一个非常快速的闪烁！！

    <div class="container">

        <h3>Modal Example</h3>

        <!-- Button to trigger modal -->
        <div>
            <a href="#myModal1" role="button" class="btn" data-toggle="modal">I am a link</a>
            <button data-toggle="modal" data-target="#myModal" id="my_button">I am a button</button>
        </div>

        <!-- Modal -->
        <div id="myModal1" class="modal hide" tabindex="-1" role="dialog">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
                <h3>Standard Selectpickers</h3>
            </div>
            <div class="modal-body">

                <select class="selectpicker" data-container="body">
                    <option>Mustard</option>
                    <option>Ketchup</option>
                    <option>Relish</option>
                </select>

            </div>
            <div class="modal-footer">
                <button class="btn" data-dismiss="modal" aria-hidden="true">Close</button>
                <button class="btn btn-primary">Save changes</button>
            </div>
        </div>

    </div>

<style>

$('#my_button').click(function(){
   $('#myModal1').modal('show'); 
});