0

我有一个元素的交互式 UI，我被鼓励专门使用 div 和 span，并避免使用复选框。我已将该站点转换为相同的功能，但对持久性一开始并不了解，但使用复选框，考虑到“检查”或“未检查”的想法，它似乎很容易接近。我将如何开始使用这种方法来跟踪每个元素的可见性？

这是我试图在其上实现持久性的页面。

以前的实现（不是我的代码，因为我是 JS 和持久性的新手）使用以下内容：

// Persistence
//¿¿??
var formvals = {};
var keyval = location.search.replace('?', '').split('&');
$.each(keyval, function () {
    var splitval = this.split('=');
    formvals[splitval[0]] = splitval[1];
});

$.each($('form')[0].elements, function () {
    var key = $(this).attr('name');
    if (key && formvals[key]) {
        $('#' + key).val(formvals[key]);
    } else {
        if ($(this).attr('type') == 'checkbox') {
          $('#'+key)[0].checked = false;
        }
    }
});

我想知道如何使用元素的可见性来帮助开发不同的模板。

我找不到任何有关 URL 持久性的介绍，而且我不太确定前面的代码做了什么，因此非常感谢任何解释或指导。

如果您需要更多信息，请询问，希望您能帮助我走上正确的道路。

4

1 回答 1

1

如果 URL 会像http://site.com/page.html?id_block_to_click1=1&id_block_to_click2=1它应该工作

$(function(){
    var formvals = {};
    var keyval = location.search.replace('?', '').split('&');

    $.each(keyval, function () {
        var splitval = this.split('=');
        formvals[splitval[0]] = splitval[1];
    });

    $.each(formvals, function(key,val){
        if (val == 1) {
            $('#'+key).click();
        }
    })
});
于 2012-07-31T10:15:46.443 回答