1

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

    }  
});

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

当然我错过了一些简单的东西!

4

0 回答 0