使用enquire.js更改响应断点上的变量

时间:2013-11-13 14:56:46

标签: jquery enquire.js

我有一个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() {

    }  
});

我需要在页面加载和调整大小时设置变量。

当然我错过了一些简单的事情!

0 个答案:

没有答案