Twitter bootstrap 3 表上的Twitter引导模式触发器单击

各位，试着效仿这里的例子

http://jsfiddle.net/yF45N/

。我在下面有一个JADE文件，一旦单击一个表项，它就会打开一个模式。我错过了什么

谢谢

block Content

    if (pendingArray)

        legend Pending Requests
        table.table-hover.table-condensed
            thead
                tr
                    th id
                    th Email
                    th foo
                    th bar

            tbody
                - each val in pendingArray
                    tr 
                        data-toggle="modal"
                        data-id="#{val.id}"
                        data-target="#orderModal"
                        href='someModal'
                        td #{val.id}
                        td #{val.Email}
                        td #{val.foo}
                        td #{val.bar}

        orderModal.modal.fade
        .modal-dialog
            .modal-content
                .modal-header
                    button.close(type='button', data-dismiss='modal', aria-hidden='true') ×
                    h4.modal-title Title
                .modal-body
                    p body
                .modal-footer
                    button.btn.btn-default(type='button', data-dismiss='modal') Close
                    button.btn.btn-primary(type='button') Save changes
body
    script.

        $(function(){
            $('#orderModal').modal({
                keyboard: true,
                backdrop: "static",
                show:false,

            }).on('show', function(){
                  var getIdFromRow = $(event.target).closest('tr').data('id');
                //make your ajax call populate items or what even you need
                $(this).find('#orderDetails').html($('<b> Order Id selected: ' + getIdFromRow  + '</b>'))
            });
        });

块内容
if（Pendingaray）
图例挂起的请求
table.table-hover.table-condensed
泰德
tr
THID
电子邮件
泰富
th bar
表格主体
-彭丁加里的每个瓦尔
tr
数据切换=“模态”
数据id=“#{val.id}”
数据目标=“#orderModal”
href='someModal'
td#{val.id}
td#{val.Email}
td#{val.foo}
td#{val.bar}
orderModal.modal.fade
.模态对话框
.模态内容
.模态标题
关闭（type='button'，data dismission='modal'，aria hidden='true'）&次；
h4.模态-标题
.模态体
p体
.模态页脚
button.btn.btn默认值（type='button'，data='modal'）关闭
button.btn.btn主（type='button'）保存更改
身体
剧本
$（函数（）{
$（'#orderModal'）.modal({
键盘：没错，
背景：“静态”，
秀:假,，
}).on（'show'，function（）{
var getIdFromRow=$（event.target）.closest（'tr'）.data（'id'）；
//让您的ajax调用填充项目或您需要的内容
$（this）.find（'#orderDetails'）.html（$（'orderid selected:'+getIdFromRow+''）
});
});

非常简单，即使是像我这样的前端白痴：

    tbody
       - each val in pendingArray
          tr(data-toggle='modal', href='#mvrDisplayModal', data-target="#foo")
              td #{val.email}
              td #{val.blah}


#mvrDisplayModal.modal.fade
        .modal-dialog
            .modal-content
                .modal-header
                    button.close(type='button', data-dismiss='modal', aria-hidden='true') ×
                    h4.modal-title Title
                .modal-body
                    p body
                    p #{foo}
                .modal-footer
                    button.btn.btn-default(type='button', data-dismiss='modal') Close
                    button.btn.btn-primary(type='button') Save changes