我有一个jQuery函数,它使用一些变量作为“left-margin”值来创建一些内联div的轮播类型效果(单击箭头可以向左或向右移动容器)。简单版本就是这样的 - http://jsfiddle.net/nX47z/
$("#left").click(function(){
$("#carousel").animate({"margin-left": left}, 1000);
});
$("#right").click(function(){
$("#carousel").animate({"margin-left": right}, 1000);
});
// Variables
var left = "0";
var right = "-400px";
我如何使用enquire.js根据屏幕大小更改这些变量?我已经尝试将它们添加到设置和匹配部分,但它似乎不起作用 - http://jsfiddle.net/mue9h/2/
enquire.register("screen and (min-width: 1280px)", {
deferSetup : true,
setup : function() {
var left = "0";
var right = "-400px";
},
match : function() {
var left = "0";
var right = "-400px";
},
unmatch : function() {
}
});
我需要在页面加载和调整大小时设置变量。
当然我错过了一些简单的事情!