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 に答える