Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/91.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
Javascript 动态生成时引导选项卡不工作_Javascript_Html_Jquery_Css_Bootstrap 4 - Fatal编程技术网

Javascript 动态生成时引导选项卡不工作

Javascript 动态生成时引导选项卡不工作,javascript,html,jquery,css,bootstrap-4,Javascript,Html,Jquery,Css,Bootstrap 4,我在我的网站中使用以下内容,这些内容是根据ajax请求动态生成的 当我尝试这些选项卡的静态版本时,所有选项卡都工作得很好,但是现在当我动态生成所有选项卡和窗格时,当我按下选项卡时,它只是没有将show属性设置为它的窗格 动态添加内容时,点击由构成。on('click','a'…) 下面是代码片段 我就是找不到我生成的错误代码,因为动态代码等于静态代码 $('#tab')。在('click','a',函数(e)上{ e、 预防默认值() $(this.tab('show'); }) 活力 €

我在我的网站中使用以下内容,这些内容是根据ajax请求动态生成的

当我尝试这些选项卡的静态版本时,所有选项卡都工作得很好,但是现在当我动态生成所有选项卡和窗格时,当我按下选项卡时,它只是没有将show属性设置为它的窗格

动态添加内容时,点击由
构成。on('click','a'…)

下面是代码片段

我就是找不到我生成的错误代码,因为动态代码等于静态代码

$('#tab')。在('click','a',函数(e)上{
e、 预防默认值()
$(this.tab('show');
})

活力

€20,00 902

€2,00 903

€3,00 色拉饼

€20,00 904

€4,00 905

€5,00 帕内通美食公司

€20,00 906

€6,00 907

€7,00 食指

€1,50 901

€1,00
无法100%确定原因。我怀疑这是因为引导程序事件处理程序没有被附加,因为您声明选项卡是使用ajax请求生成的

我在您的示例中使用了javascript,并更改了选项卡。希望这有帮助

$('#tab')。在('click','a',函数(e)上{
dataId=$(this.data('id');
$(“[id$='-tab']”).hide();
$(“#”+dataId+'-tab').show();
e、 预防默认值();
})

活力

€20,00 902

€2,00 903

€3,00 色拉饼

€20,00 904

€4,00 905

€5,00 帕内通美食公司

€20,00 906

€6,00 907

€7,00 食指

€1,50 901

€1,00
我也打算采用这种解决方案。。但实际上,事件处理程序是在debug中附加的,
$(this).tab('show')
。。正如您在这里看到的,当按下其中一个选项卡时,将处理单击,甚至更改选定的aria的状态。。