【问题标题】:Laravel5.8: Collapse is not working when I want to show the HTML code from the databaseLaravel5.8:当我想显示数据库中的 HTML 代码时,折叠不起作用
【发布时间】:2020-04-09 15:49:24
【问题描述】:

我想从数据库中显示我的 HTML 代码,但是当我对其进行解码时,Collapse 不起作用。如果我不解码 HTML,它就可以正常工作。为什么会这样?

 <!-- START TAB 1 -->
                                @foreach($faqCategories as $count =>$faqCategory)
                                    <div @if ($count == 0)class="tab-pane active"@else class="tab-pane" @endif  id="tab_{{$faqCategory->id}}">



                                        <div class="panel-group" id="accordion{{$faqCategory->id}}">
                                            @php
                                                $sl = 1;
                                            @endphp
                                            @foreach($faqsubcat as $fade => $faqsub)
                                                @if( $faqCategory->id == $faqsub->faq_category_id)
                                                    <div class="panel panel-default">
                                                        <div class="panel-heading">
                                                            <h4 class="panel-title">
                                                                <a href="#accordion{{$faqCategory->id}}_{{$faqsub->id}}" data-parent="#accordion{{$faqCategory->id}}" data-toggle="collapse" class="accordion-toggle">
                                                                   <b> {{ $sl++ }}. {{$faqsub->title}}</b>
                                                                </a>
                                                            </h4>
                                                        </div>
                                                        <div @if ($fade == 0)class="panel-collapse collapse in"@else class="panel-collapse collapse" @endif id="accordion{{$faqCategory->id}}_{{$faqsub->id}}">
                                                            <div class="panel-body">
                                                              {!! $faqsub->description !!}
                                                            </div>
                                                        </div>
                                                    </div>
                                                @endif
                                            @endforeach
                                        </div>

                                    </div>
                                @endforeach

                            </div>
                        </div>
                    </div>
                </div>
            </div>

【问题讨论】:

  • 你能告诉我们你的控制器代码吗?
  • class FaqController extends Controller { //显示FAQ页面 public function index(){ $faqCategories = FaqCategory::where('status', 1)->get(); $faqsubcat = FaqSubCategory::where('status', 1)->get();返回视图('frontend.faq.faq',紧凑('faqCategories','faqsubcat')); } }

标签: html css bootstrap-4 collapse laravel-5.8


【解决方案1】:

不要使用href,而是使用data-target

示例(未测试)-

<a data-target="#accordion{{$faqCategory->id}}_{{$faqsub->id}}" data-parent="#accordion{{$faqCategory->id}}" data-toggle="collapse" class="accordion-toggle">
     <b> {{ $sl++ }}. {{$faqsub->title}}</b>
</a>

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 2020-09-06
    • 1970-01-01
    • 1970-01-01
    • 2016-08-31
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2023-01-11
    相关资源
    最近更新 更多