2

私はTwitter Bootstrap自分のプロジェクトでモーダルポップアップダイアログを次のように使用しました。

// when this button is click, the dialog is open    
<a type="button" class="btn" style="width:100%;" href="#test_modal" data-toggle="modal">Add Image</a>

上記のボタン ボタンをクリックするとわかるように、次のダイアログが開きます。

<div class="modal fade" id="test_modal">
  <div class="modal-header">
    <a class="close" data-dismiss="modal">&times;</a>
    <h3>Modal Header</h3>
  </div>
  <div class="modal-body">
    <p>Test Modal</p>
  </div>
  <div class="modal-footer">
    <a href="#" class="btn" data-dismiss="modal">Close</a>
    <a href="#" class="btn btn-primary">Save Changes</a>
  </div>
</div>

ただし、ショートカットキーを割り当てたいです。例 誰かが を押したときCtrl+Shift+Lに、上記のダイアログを開きたい。ボタンを押す必要はありません。
jQueryで上記の機能を実現するにはどうすればよいですか?

4

2 に答える 2

1

あなたはこのように試すことができます

$(document).keydown(function(evt){
    if (evt.keyCode==108 && (evt.ctrlKey) && (evt.shiftKey)){
        evt.preventDefault();
        $('#yourModal').modal('show');
    }
});
于 2013-05-15T11:03:43.083 に答える