Bootstrap模式没有弹出

Question

在这个问题上度过了不合理的时间我是时候寻求帮助了。我有以下视图绑定到包含newProjectModal

的viewmodel

<button class="btn btn-primary btn-lg newProjectBtn" data-toggle="modal"
    data-bind="click:newProjectModal">
    New Project
</button>

在另一个视图中，我有我想要的模态：

<div class="modal fade container newProjectModal" id="newProjectModal" 
    tabindex="-1" role="dialog"
     aria-labelledby="myModalLabel" aria-hidden="true">empty for simplicity</div>

newProjectModal是激活模态的js函数：

newProjectModal = function () {
    console.log('This is logged');
    //Logging the object allows me to see 'modal' exists
    console.log($('#newProjectModal'));
    $('#newProjectModal').modal('show');
},

然而，模式并没有出现。有人可以解释我哪里出错吗？

提前致谢