Question

有没有办法实现这个目标：

<script>
    $('#appends').append('<div class="content-section" id="services">' + 
    " @include('visitor.pages.services') " + 
    ' </div>');
</script>

我想要的是将visitor.pages.services的内容附加到#appends div

visitor.pages.services不是php网址或其他内容。这只是我在主页中包含的几行html。

这是文件

<div class="container">
    <div class="row">
        <div class="heading-section col-md-12 text-center">
            <h2>Our Services</h2>
            <p>We design mobile-first websites for you</p>
        </div> <!-- /.heading-section -->
    </div> <!-- /.row -->
    <div class="row">
        @foreach($data['services'] as $service)
            ... bla bla
        @endforeach
    </div> <!-- /.row -->
</div> <!-- /.container -->

Answer 1

正如您的问题所示，您希望获取文件的内容并将其附加到特定元素。

使用 $.get()

$.get("visitor.pages.service.html", function(data){
    $('#appends').append(data);
});

或.load()

$('#appends').append( $('<div>').load('visitor.pages.service.html'));

或.ajax()

$.ajax({
    url: "your.html",
    success: function (data) { $('#appends').append(data); },
    dataType: 'html'
});

将刀片文件附加到jquery函数

1 个答案: