-1
在網站上動畫
使用導航來過濾大拇指時,我得到一個有趣的錯誤工作時流沙的利潤率變化。這些圖像做一個奇怪的動作向左動畫
容器時是相對的像我不知道什麼是對
我的代碼會是這樣的
和幾乎當您單擊文件位置在菜單中的一個按鈕上,大拇指都是向左推動200px的sudde,然後再回到原位?
// Custom sorting plugin
(function($) {
$.fn.sorted = function(customOptions) {
var options = {
reversed: false,
by: function(a) { return a.text(); }
};
$.extend(options, customOptions);
$data = $(this);
arr = $data.get();
arr.sort(function(a, b) {
var valA = options.by($(a));
var valB = options.by($(b));
if (options.reversed) {
return (valA < valB) ? 1 : (valA > valB) ? -1 : 0;
} else {
return (valA < valB) ? -1 : (valA > valB) ? 1 : 0;
}
});
return $(arr);
};
})(jQuery);
// DOMContentLoaded
$(function() {
// bind radiobuttons in the form
var $btn = $('#navigation ul li a');
// get the first collection
var $projectThumbs = $('#portfolio');
// clone applications to get a second collection
var $data = $projectThumbs.clone();
// attempt to call Quicksand on every form change
$btn.click(function(e) {
e.preventDefault();
if($(this).data("type") == "all"){
$btn.removeClass("selected");
$(this).addClass("selected");
var $filteredData = $data.find('li');
} else {
$btn.removeClass("selected");
$(this).addClass("selected");
var $filteredData = $data.find('li[data-type~=' + $(this).data("type") + ']');
} // end $btn.click function
$projectThumbs.quicksand($filteredData, {
adjustHeight: 'auto', // This is the line you are looking for.
duration: 800,
easing: 'easeInOutQuad'
}, function(){
// call js on the cloned divs
$("a.grouped_elements").fancybox();
});
});
});
你能張貼與動畫做的代碼?並通過[jsfiddle.net](http://jsfiddle.net)隔離示例來演示您的問題,以便我們可以更好地提供幫助。 – sweetamylase 2013-03-20 08:27:27
我訪問了您的網站,但無法準確識別您的意思,提供小提琴/代碼,然後繼續處理細節,編輯您的問題並更具體,包括(如果您在任何瀏覽器中遇到此問題(如Internet Explorer )然後指定每個細節以獲得正確的解決方案。謝謝。 – MarmiK 2013-03-20 08:50:50