Question

我做了一个jQuery切换，用户可以选择主题的宽度为流畅或用切换按钮固定。事情工作正常，但我想添加单独的切换按钮，一个用于点击固定宽度，另一个用于点击流体宽度。

我试过，但我没有成功。

这是我用过的代码

   $(document).ready(function () {
var setWidth = $.cookie("width");
if (typeof setWidth !== "undefined" && setWidth == "85%") {
    $('#container,.wrp').width(setWidth); // 85% width set using cookie
} else if (typeof setWidth !== "undefined" && setWidth == "960px") {
    $('#container,.wrp').width(setWidth); // 960px,1000px(for wrp) width set using cookie
}
$('#toggle-button').click(function () {
    var toggleWidth = $("#container").width() == 960 ? "85%" : "960px";

    $('#container, .wrp').animate({
        width: toggleWidth
    });
    $.cookie('width', toggleWidth);
});
});

这是小提琴：http://jsfiddle.net/envira/kTrLL/

谢谢。

Answer 1

您可以使用新按钮添加其他点击功能。

$('#toggle-button-resp').click(function () {
    var toggleWidth = "85%";

    $('#container, .wrp').animate({
        width: toggleWidth
    });
    $.cookie('width', toggleWidth);
});

jsfiddle

使用cookie分离jQuery切换事件的按钮

1 个答案: