Question

我是laravel的新手，我想为手风琴实现动态ajax内容。我有一个联系人组及其成员的列表。团体和成员有很多关系。手风琴应显示所有组，单击时必须显示属于其组的所有成员。

现在，我可以在for循环中显示手风琴中的所有组。当我点击手风琴时，应该安慰id。问题是，只需点击第一个手风琴的id即可。所有其他手风琴在点击时都没有安慰他们的身份。

关于，只有第一个手风琴的相关成员显示在其面板中，其余的都是空的。我该如何解决这个问题？

HTML

 <legend>Display members from contact groups</legend> 
    @foreach($contactGroup as $contact)
    <button type ="button" value="{!! $contact->id !!}" class="accordion" id="contact"  name="contact">{!!$contact->first_name!!}</button>
    <div class="panel" id="labels">
    </label>
    </div>
    @endforeach

的Ajax

<script type="text/javascript">
$("#contact").on("click", function(e) {
    e.preventDefault();

    console.log($(this).val)());
    $.ajax({type: "GET",
        url: "/ajax-request?contact_id=" +contact_id,
        data: 
        { contact_id: $(this).val(), 
          access_token: $("#access_token").val()   
         },
        success:function(result) {             
        $.each(result, function (i, myData) {    
        $("#labels").append('<label>'+myData.name+'</label>');                
    });

      },
            error:function(result) {
          alert('error');
        }   
    });   
});

</script>

Answer 1

而不是引用id=contact使用class=accordion contact

然后在你的ajax部分

<script type="text/javascript">
$(".contact").on("click", function(e) {
    e.preventDefault();
    var $this = $(this);

    console.log($this.attr('value'));
    ....
    ..
    .
});

</script>

请参阅此帖子，了解Id和班级div class vs id

之间的区别

使用Ajax和Laravel的动态内容

1 个答案: