Jquery 在AJAX请求后初始化新引导accordion时出现问题，而不会影响其他accordion_Jquery_Twitter Bootstrap_Asp.net Core Mvc

Jquery 在AJAX请求后初始化新引导accordion时出现问题，而不会影响其他accordion

jquery twitter-bootstrap asp.net-core-mvc

Jquery 在AJAX请求后初始化新引导accordion时出现问题，而不会影响其他accordion,jquery,twitter-bootstrap,asp.net-core-mvc,Jquery,Twitter Bootstrap,Asp.net Core Mvc,我已经研究了几个小时，发现了许多类似的问题，但没有一个能满足我的确切要求，也没有一个解决方案适合我我正在创建一个有两个引导手风琴的响应式布局。更改第一个手风琴中的选择应使用AJAX刷新第二个手风琴。我正在使用ASP.Net核心MVC，但这个问题涉及JQuery和Bootstrap，并且可能在各种框架上重复出现。以下是HTML的简短版本： // most of this is omitted for brevity <html> <head>...</hea

我已经研究了几个小时，发现了许多类似的问题，但没有一个能满足我的确切要求，也没有一个解决方案适合我

我正在创建一个有两个引导手风琴的响应式布局。更改第一个手风琴中的选择应使用AJAX刷新第二个手风琴。我正在使用ASP.Net核心MVC，但这个问题涉及JQuery和Bootstrap，并且可能在各种框架上重复出现。以下是HTML的简短版本：

// most of this is omitted for brevity
<html>
    <head>...</head>
    <body>
        <div class="row">
            <div class="col-md-6 col-xs-12">
                @await Html.PartialAsync("_AccordionOne", Model)
            </div>
            <div class="col-md-6 col-xs-12" id="ajax-container">
                @await Html.PartialAsync("_AccordionTwo", Model[0])
            </div>
        </div>
    </body>
</html>

提前感谢您的建议

我不确定我尝试的所有不同选择器都出了什么问题，但像往常一样，我让事情变得比需要的更难。我所要做的就是为accordion 2找到带有

class=“accordion”

的div，并给它一个ID，以便更容易引用：

<div class="accordion" id="accordion-two">...</div>

为什么不使用

this

或其他相关选择器？@isherwood this需要在

（“#ajax容器”）中运行。load（）

成功回调。。。我不确定这段代码的上下文是什么。你可能是在正确的轨道上，但我无法想象如何利用我的优势。我帮不了什么忙，因为我不懂asp.net。我认为您可以简单地将外部

one（）

方法的ID携带到ajax回调中。

// does not work - css not applied and accordion breaks
$('#ajax-container.accordion').accordion({
        collapsible: true
});

// also does not work
$('#ajax-container').children('.accordion').accordion({
        collapsible: true
});

<div class="accordion" id="accordion-two">...</div>

$('#accordion-two').accordion({
    collapsible: true,
    active: activeDealIndex
});