Question

我有一个通过循环创建的div的动态列表，想将$id值传递给一个函数（在wordpress中）以动态填充正文中的内容。我目前已经创建了用于使div折叠/展开并带有箭头的jquery和css：

PHP：

foreach($id_array as $id){
     echo '<div class="header" id='.$id.' name='.$id.'>HEADER<i class="fa fa-chevron-down fa-color icon-arrow arrow-down" aria-hidden="true"></i></div>';
     echo '<div class="body" id='.$id.' name='.$id.'>BODY</div>';
}

Javascript：

Query(document).ready(function() {

  jQuery('.header').click(function() {
    jQuery(this).find("i").toggleClass("arrow-down arrow-up");
    jQuery(this).nextUntil('.header').slideToggle('fast');
  });

});

CSS：

.body {
  display: none;
}

.icon-arrow {
  -moz-transition: all 0.25s linear;
  -webkit-transition: all 0.25s linear;
  transition: all 0.25s linear;
}

.arrow-up {
  transform: rotate(-180deg);
  -webkit-transform: rotate(-180deg);
}

.arrow-down {
  transform: rotate(0deg);
  -webkit-transform: rotate(0deg);
}

但是我现在迷失了集成对我创建的函数的调用，该函数要求我将$id变量传递给它...我相信我可能需要使用AJAX ...？

谢谢！

通过函数更改div内容并传递参数wordpress

0 个答案: