Question

我有一个在运行时根据数据库查询结果创建的手风琴。

手风琴功能正常，可以正常扩展和折叠。

我已将带有标题属性的面板标题与数据库查询中的唯一编号一起加载。

<a id="panelHeader" class="accordion-toggle header-only" title="'+ _cardID +'" data-toggle="collapse" data-parent="#UnAssignedAccordion"

现在-我想在面板展开之前立即执行一个功能。

这是我正在考虑的路线，

  $('#UnAssignedAccordion').on('show.bs.collapse', function (e) {
//    var _cardID = parseInt($(this).attr('title'));
    var active = $(".selector").accordion("option", "active");
    alert(active);
  });

但是我似乎找不到标题属性。

我已经看过e和this ...但是我没有运气。

有人有什么想法可以指出正确的方向吗？

问题是：需要从即将打开的面板中获取标题属性的值。

Answer 1

我尝试实现上述代码的示例，并且可以正常工作。

代码：

<div class="container">
    <a class="btn btn-info" data-toggle="collapse" data-target="#demo">link</a>
    <div id="demo" class="collapse" title="2">
        XYZ
    </div>
</div>


<script>
    $('#demo').on('show.bs.collapse', function (e) {
        var _cardID =Number($(this).attr('title'));
        var active = $(".selector").accordion("option", "active");
        alert(active);
    });
</script>

请尝试使用代码，并让我们知道它是否对您有用

Answer 2

找到解决方案。

我从@ patilprashant6792中获取了代码块，并对其进行了一些更改。

由于手风琴是在运行时构建的，所以我还不知道div的ID，所以我向div添加了一个类。 “ content-area-div”

我还必须将代码块从全局JS文件中移出，然后将其放入发生循环的代码块中，从而填满手风琴。

  $('.contents-area-div').on('show.bs.collapse', function (e) {
    var _cardID = $(this).attr('title');
    var active = $(".selector").accordion("option", "active");

    loadPanelContents(_cardID);

  });

这是面板行

<div id="cardID' + _cardID + '" title="' + _cardID +'" class="contents-area-div panel-collapse collapse">

再次感谢大家！

在打开手风琴面板的标题属性之前

2 个答案: