Question

我在编码中使用jQuery手风琴。

我手风琴中有36个面板，每个都有一个表格。

当我点击提交按钮时，我希望以打开/活动面板的形式获取输入文本框中的内容。

如何识别开放的活动面板以提交相关表格？

Answer 1

<div id="accordion">
  <h3 class="panel-header" data-panel-no="1">Section 1</h3>
  <div>
    <p>
    Mauris 
    </p>
  </div>
  <h3 class="panel-header" data-panel-no="2">Section 2</h3>
  <div>
    <p>
    </p>
  </div>...
</div>

现在使用jquery onclick on class =“panel-header”获取data-panel-no属性值并将其存储在某个临时变量中。

var activePanel=-1;
$(function(){
   $(".panel-header").click(function()
    {
        activePanel = $(".panel-header").attr("data-panel-no").val();
    }
})

希望这有帮助

Answer 2

每当我使用javascript来做这类事情时，我会将“active”类添加到当前所选元素中。

$("a.navigation").click(function(e)
{
if($(this).is(".active")) return false;

$("a.navigation").removeClass("active");
$(this).addClass("active");

通过这种方式，可以轻松检测激活的内容并对其进行操作。

如何识别手风琴中的活动面板

2 个答案: