如何获取Konami代码以触发Bootstrap模式?

时间:2014-02-03 14:39:25

标签: twitter-bootstrap jqmodal

我正在尝试将Konami代码(在完成时)触发一个Bootstrap模式进行弹出。

这是我到目前为止尝试过的代码,但是无法让它正常工作。

    <script type="text/javascript" src="http://konami-js.googlecode.com/svn/trunk/konami.js"></script>
<script type="text/javascript">
        konami = new Konami()
        konami.load;(function($){
        $("#myModal").modal('show');
        });
</script>

&安培;

    <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>
        <div align="center"><h1 class="modal-title" id="myModalLabel">Congrats</h1></div>
      </div>
      <div class="modal-body">
        <div align="center"><h3>You've just found an easter egg!</h3></div>
      </div>
      <div class="modal-footer">
<div align="center"><img src="Image.png" alt="....."></p></div>
      </div>
    </div><!-- /.modal-content -->
  </div><!-- /.modal-dialog -->
</div><!-- /.modal -->

1 个答案:

答案 0 :(得分:1)

我查看了文档,加载功能仅用于打开URL。 您必须使用代码成员来设置您要执行的代码:

var konami = new Konami();
konami.code = function() { 
    $("#myModal").modal('show'); 
}
konami.load();

您还可以使用较小的替代方案:

var konami = new Konami(function() { $("#myModal").modal('show'); });