Question

我正在使用Angular和jQuery

我有div“A”，通过angular

拉取内容

<div class="a">
   <p ng-repeat="banana in bananas">{{banana}}</p>
</div>

我有ul级“B”

<ul class="b">
  <li>content 1</li>
  <li>content 2</li>
  <li>content 3</li>
<ul>

点击“B”内的任何li后，在li

中插入.accordion

//this works fine    
$(".b li").click(function () {
   $(this).clone().appendTo(".accordion");
 });

问题是当我想对div“A”做同样的事情时...在最后添加的li

上插入div“A”

jQuery手风琴div，它是空的，

<div class="accordion">
</div>

我想在每次点击li时尝试创建div“A”的新实例，然后必须作为手风琴的新子项插入，以便它可以独立工作

Answer 1

类“A”必须在jQuery中创建，然后插入

myVar = $("<div class="a"><p ng-repeat="banana in bananas">{{banana}}</p></div>");


$(".b li").click(function () {
   $(this).clone().append(myVar).appendTo(".accordion");
});

使用jQuery创建angularJS数组的新实例

1 个答案: