我正在尝试整合同位素,但我在让它与 ajax 一起工作时遇到了问题。
这是代码:
<script type="text/javascript">
var currentPage = 1;
$(function(){
var getUrl = 'loadMovies.php';
var getQuery = 'genrefilter='+movieSelection.elements["genreFilter"].value;
getQuery += '&yearfilter='+movieSelection.elements["yearFilter"].value;
getQuery += '&titlesort='+movieSelection.elements["titleSort"].value;
getQuery += '&ratingsort='+movieSelection.elements["ratingSort"].value;
getQuery += '&yearsort='+movieSelection.elements["yearSort"].value;
getQuery += '&runtimesort='+movieSelection.elements["runtimeSort"].value;
getQuery += '¤tPage='+currentPage;
var $container = $('#movieBox');
//$container.isotope({itemSelector: '.movie'});
$.ajaxSetup({cache:false});
var ajax_load = "<img class='loading' src='images/load.gif' alt='loading...' />";
//$("#genreFilter").change(function(){$container.isotope('insert', ajax_load).load(getUrl, getQuery);});
$("#genreFilter").change(function(){$('#movieBox').html(ajax_load).load(getUrl, getQuery);});
});
HTML 只是“”
注释掉同位素线后,我实际上得到了按预期显示的 div,但由于我无法弄清楚如何在同位素线中工作,所以我无法让它工作。
我正在尝试将同位素与“插入”方法相结合,我可以在没有 ajax 的情况下工作。
摘自:http: //isotope.metafizzy.co/docs/adding-items.html
"插入方法
更有可能的是,您想使用 insert 方法,该方法会完成 addItems 遗漏的所有操作。insert 会将内容附加到容器中,过滤新内容,对所有内容进行排序,然后触发重新布局,以便正确布置所有项目元素。
var $newItems = $('<div class="item" /><div class="item" /><div class="item" />');
$('#container').isotope( 'insert', $newItems );
最后一行是我需要与 ajax 行集成的内容,但我只是看不到可以放置它的位置。我尝试了几种方法,其中一种显示在注释掉的行中。
任何人都可以看到问题吗?