Javascript 动态生成时引导选项卡不工作
我在我的网站中使用以下内容,这些内容是根据ajax请求动态生成的 当我尝试这些选项卡的静态版本时,所有选项卡都工作得很好,但是现在当我动态生成所有选项卡和窗格时,当我按下选项卡时,它只是没有将show属性设置为它的窗格 动态添加内容时,点击由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'); }) 活力 €
构成。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的状态。。