Question

$("#selectBGColor").on("change",function(e){

    var bgcolor= $("#selectBGColor").val();
     alert(bgcolor);

    localStorage.setItem("bgcolor",bgcolor);

     //alert(localStorage.setItem("bgcolor",bgcolor));
    $("#PtmIframe").contents().find(".columns-container").css('background-color',"#"+bgcolor);
    $("#PtmIframe").contents().find(".header-container").css('background-color',"#"+bgcolor);

 });

如何在localStorage.setItem("bgcolor",bgcolor);班级名称中使用我的css文件中的.header-container值？

Answer 1

获取localStorage值：

if (localStorage.getItem('bgcolor') != null){
  bgcolor = localStorage.getItem('bgcolor')
}

所以你的代码看起来像这样：

var bgcolor;

// Check if item exists in localStorage
if (localStorage.getItem('bgcolor') != null){
  // Get localStorage item with the key 'bgcolor'
  bgcolor = localStorage.getItem('bgcolor');

  // Set element css background-color to localStorage bgcolor
  $("#PtmIframe").contents().find(".columns-container").css('background-color',"#"+bgcolor);
  $("#PtmIframe").contents().find(".header-container").css('background-color',"#"+bgcolor);
}    

$("#selectBGColor").on("change",function(e){
    bgcolor = $("#selectBGColor").val();
    alert(bgcolor);

    localStorage.setItem("bgcolor",bgcolor);

    // Set new bgcolor
    $("#PtmIframe").contents().find(".columns-container").css('background-color',"#"+bgcolor);
    $("#PtmIframe").contents().find(".header-container").css('background-color',"#"+bgcolor);
});

如何使用我的本地存储值.css文件使用jQuery

1 个答案: