Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/opencv/3.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Jquery 在初始页面加载后将整个选项卡元素添加到页面时,如何初始化twitter bootstrap 2.0选项卡_Jquery_Ajax_Twitter Bootstrap_Tabs - Fatal编程技术网

Jquery 在初始页面加载后将整个选项卡元素添加到页面时,如何初始化twitter bootstrap 2.0选项卡

Jquery 在初始页面加载后将整个选项卡元素添加到页面时,如何初始化twitter bootstrap 2.0选项卡,jquery,ajax,twitter-bootstrap,tabs,Jquery,Ajax,Twitter Bootstrap,Tabs,我正在通过Ajax将一些HTML加载到一个页面中,该页面包含一个新的tabbable元素。唯一的问题是这些选项卡无法工作,因为引导程序已经初始化。因此,我尝试了以下代码,这些代码使用jQuery正确地针对包含选项卡的预期ul。但是,该选项卡未初始化 以下是HTML(在DOM初始化后通过AJAX加载到页面中): 从我读到的()来看,应该初始化选项卡,但它没有做任何事情 问题是,尽管初始化了选项卡,但当我单击它们时,什么也没有发生。即使我使用.tab('show')以特定选项卡为目标,并且它确实正确

我正在通过Ajax将一些HTML加载到一个页面中,该页面包含一个新的tabbable元素。唯一的问题是这些选项卡无法工作,因为引导程序已经初始化。因此,我尝试了以下代码,这些代码使用jQuery正确地针对包含选项卡的预期ul。但是,该选项卡未初始化

以下是HTML(在DOM初始化后通过AJAX加载到页面中):

从我读到的()来看,应该初始化选项卡,但它没有做任何事情

问题是,尽管初始化了选项卡,但当我单击它们时,什么也没有发生。即使我使用.tab('show')以特定选项卡为目标,并且它确实正确显示。当我点击选项卡时,仍然没有发生任何事情

此外,如果我在事件发生后添加一个append(请参阅单击按钮后将上面的HTML追加到div),这些选项卡似乎工作得很好。似乎有人在添加bootstrap.js时已经对其进行了初始化


关于为什么单击选项卡不起作用有什么想法吗?

什么时候附加选项卡?在像下面这样加载ajax之后

$.get( baseUrl + 'blabla.html').done(
  $('.nav-tabs').tab();
);

另一个技巧是在加载ajax后选择选项卡,例如第一个选项卡Yes。这很奇怪。。。我在控制台中没有收到任何错误或任何东西。我试着选择选项卡并显示--哪个确实显示/选择了选项卡(我做了第二个和最后一个选项卡)。但是,单击仍然没有任何作用。出于某种原因,单击事件处理程序从未初始化。有什么想法吗?我和@key2starzAs有同样的问题。事实证明,我使用的bootstrap.js被修改了,所以下面的代码中有一些额外的字符:[data-xxxxxxx-toggle=“tab”]所以我只需要对HTML做一些修改,然后就可以了。你介意解释一下你到底做了什么吗?因为我有完全相同的问题。谢谢
$('.nav-tabs').tab();
$.get( baseUrl + 'blabla.html').done(
  $('.nav-tabs').tab();
);