Javascript 如何使用laravel5从数据库中使用同位素jquery动态飞行

我有三个div类，我使用同位素jquery从数据库中过滤数据。当jquery set static工作正常，但我使用sqlquery控制过滤器时，不可能得到解决方案。如果你有想法，请分享plzzz以及如何过滤数据

我的Html：

 <div class="container">
            <div class="block-content block-content-small-padding">
                <div class="block-content-inner">
                    <h2 class="center">Recent Properties</h2>
                    <ul class="properties-filter">
                        <li class="selected"><a href="#"  data-filter="*"><span>All</span></a></li>
                         <li><a href="#" data-filter=".property-featured" ><span>Featured</span></a></li>
                        <li><a href="#"  data-filter=".property-rent" ><span>Rent</span></a></li>
                        <li><a href="#"  data-filter=".property-sale" ><span>Sale</span></a></li>
                    </ul>


                        <div class="properties-items isotope"  style="position: relative; overflow: hidden; height: 810px;">
                            <div class="row ">

                @foreach($val as $value)
                 <div class="property-item col-sm-6 col-md-3 isotope-item" style="position: absolute; left: 0px; top: 0px; transform: translate3d(0px, 0px, 0px);">
                                    <div class="property-box">
                                        <div class="property-box-inner">
                                            <h3 class="property-box-title"><a href="#">{{$value->city}}</a></h3>
                                            <h4 class="property-box-subtitle"><a href="#">{{$value->state}}</a></h4>
                                            <div class="property-box-picture">
                                                <div class="property-box-price">{{$value->property_price}}</div>
                                                   <div class="">
                                                    <a href="#" class="property-box-picture-target">
                                                        <img src="images/test/{{$value->image}}" alt="">
                                                    </a>
                                                </div>
                                             </div>
                                        </div>
                                    </div>
                            </div>



                        <div class="property-item property-rent   col-sm-6 col-md-3 isotope-item"  id="rent" style="position: absolute; left: 0px; top: 0px; transform: translate3d(0px, 0px, 0px);">
                                    <div class="property-box">
                                        <div class="property-box-inner">
                                            <h3 class="property-box-title"><a href="#">{{$value->city}}</a></h3>
                                            <h4 class="property-box-subtitle"><a href="#">{{$value->state}}</a></h4>
                                            <div class="property-box-picture">
                                                <div class="property-box-price">{{$value->property_price}}</div>
                                                <div class="">
                                                    <a href="#" class="property-box-picture-target">
                                                        <img src="images/test/{{$value->image}}" alt="">
                                                    </a>
                                                </div>
                                             </div>
                                        </div>
                                    </div>
                                </div>  


                                 <div class="property-item property-sale   col-sm-6 col-md-3 isotope-item" style="position: absolute; left: 0px; top: 0px; transform: translate3d(0px, 0px, 0px);">
                                    <div class="property-box">
                                        <div class="property-box-inner">
                                            <h3 class="property-box-title"><a href="#">{{$value->city}}</a></h3>
                                            <h4 class="property-box-subtitle"><a href="#">{{$value->state}}</a></h4>
                                            <div class="property-box-picture">
                                                <div class="property-box-price">{{$value->property_price}}</div>
                                                <div class="">
                                                    <a href="#" class="property-box-picture-target">
                                                        <img src="images/test/{{$value->image}}" alt="">
                                                    </a>
                                                </div>
                                             </div>
                                        </div>
                                    </div>
                                </div> 
                @endforeach 
                        </div>
                        </div>
                        </div>
                </div>               
            </div>

路线：

  Route::get('/', array('as' => 'pages', 'uses' => 'PageController@index'));
 Route::get('rentshow', array('as' => 'rentshow', 'uses' =>  'PageController@rentshow'));
Route::get('saleshow', array('as' => 'saleshow', 'uses' => 'PageController@saleshow'));

  Route::get('/', array('as' => 'pages', 'uses' => 'PageController@index'));
 Route::get('rentshow', array('as' => 'rentshow', 'uses' =>  'PageController@rentshow'));
Route::get('saleshow', array('as' => 'saleshow', 'uses' => 'PageController@saleshow'));