我正在使用 twitter bootstrap 的标签。当我在浏览器的 javascript 控制台中执行以下代码时，我的选项卡工作正常 -
$("#mainTab a").click(function(e){
e.preventDefault();
$(this).tab('show');
});
但是，当我将上述内容放在索引页面的 jquery 的 document.ready 函数中时，选项卡无法初始化。我的选项卡中也有 data-toggle 属性，但切换仍然不起作用。
当在页面中加载相同的代码时，可能导致选项卡无法工作，但在控制台中执行时工作的原因是什么？
通过页面加载时可能会阻止其执行的原因是什么？