【问题标题】:How can I get the Konami code to trigger a Bootstrap modal?如何让 Konami 代码触发 Bootstrap 模式?
【发布时间】:2014-02-03 14:39:24
【问题描述】:

我正在尝试让 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 -->

【问题讨论】:

  • konami.load;(function($){ 应该是 konami.load(function($){
  • 不,那也不行....这只是带我去 - *Sitename*/function%20($)%7B$("#myModal").modal(' show');} 输入 Konami 代码时。有什么想法吗?

标签: twitter-bootstrap jqmodal


【解决方案1】:

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

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

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

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

【讨论】:

    猜你喜欢
    • 2010-12-05
    • 1970-01-01
    • 2012-07-09
    • 2021-05-24
    • 2018-03-14
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多