Javascript 使用本地存储更改按钮和面板中的文本

Javascript 使用本地存储更改按钮和面板中的文本,javascript,html,jquery-mobile,local-storage,Javascript,Html,Jquery Mobile,Local Storage,我的文件中有这段代码:(我省略了许多其他不可逆转的代码) 当我运行它时,页面进入一个空白屏幕,上面写着this.id。因此,将'this.id'设置为本地存储的部分是有效的,但我当然不希望将字符串this.id添加到本地存储,我希望将id设置为本地存储 面板按钮上的值不变 我甚至还没有接近编写正确的javascript,但我正在努力学习 正如您所看到的,面板信息的javascript也丢失了,就像 document.getElementById(“panel_info”).value=“对应于i

我的文件中有这段代码:(我省略了许多其他不可逆转的代码)

当我运行它时,页面进入一个空白屏幕,上面写着
this.id
。因此,将'this.id'设置为本地存储的部分是有效的,但我当然不希望将字符串
this.id
添加到本地存储,我希望将id设置为本地存储

面板按钮上的值不变

我甚至还没有接近编写正确的javascript,但我正在努力学习

正如您所看到的,面板信息的javascript也丢失了,就像 document.getElementById(“panel_info”).value=“对应于id的值…”;
但是一次只做一件事。

首先,要在本地存储器中设置id值,您应该替换以下内容:

localStorage.setItem('id','this.id')
localStorage.setItem('id',this.id')

然后,我不确定您到底想要什么,但在这一行
document.getElementById(“panel_按钮”).value=id中也有一个错误将其替换为该文件.getElementById(“面板按钮”).setAttribute(“值”,id)

我还注意到您有一个选择器
$(“#tt_popup p”)
,但是您没有任何与之匹配的html代码,因此您没有任何元素来更改文本

最后一件事,尝试重构您的代码—您正在本地存储上设置一个值,然后检索它并将其分配给新的var。我认为您可以避免这种情况


看看。

('id',this.id)
不要用
'
来包装它,因为它不是字符串。对panel
$(“#panelID h2”).text(“新文本”)使用相同的方法。阅读更多关于jquery函数/方法的信息。你为什么要使用“pagecreate”事件?@ianaya89他在使用jquery mobile(检查标签)。对不起,我很笨。我在谷歌上搜索错误的函数。。。这就是为什么我很难找到语法<代码>$(“定位面板”)。文本(“文本”)只是这个暂时不起作用。对不起,tt#u弹出窗口仅用于调试第一部分。什么也不做。我注意到在您的代码笔中有代码
document.getElementById(“panel_按钮”).setAttribute(“value”,this.id)但是那有什么用呢?我没有看到panel_按钮的更改值,这正是我想要的。我想让按钮显示哪个按钮被点击,我知道这听起来很奇怪。我现在很难更改一些html内容的文本,比如按钮,最后一行jquery的工作方式。PS loc_面板的更改方式正是我想要的!嗯。坚持如果我能做到这一点,我就可以做一个按钮,我想我的问题现在解决了。我现在100%的困惑,但我认为它是有效的!所以你想用它来代替打开模式,按钮上写着点击了哪个按钮?如果正确,则应添加此$(“#panel_button”).text(this.id);(再次检查代码笔)是的,我只是在最后两次评论之间做了这件事。我读过你的想法;)非常感谢您抽出时间!
<div data-role="panel" id="loc_panel"> 
    <h2>Panel Header</h2>
    <p>info about this stop</p>
</div> <!-- /panel -->

<a href="#loc_panel" class="ui-btn ui-btn-inline ui-corner-all ui-shadow" id="panel_button">Open Panel</a>

<a href="#tt_popup" data-role="button" data-rel="popup" class="ui-btn  ui-corner-all" id="button_stop7" data-transition="flip">button_stop6</a>
 <a href="#tt_popup" data-role="button" data-rel="popup" class="ui-btn  ui-corner-all" id="button_stop6" data-transition="flip">button_stop7</a>
$(document).on("pagecreate", function () {
    $("#button_stop6, #button_stop7").on("click", function () {
        $("#tt_popup p").text("Button with ID " + this.id + " was clicked");

        localStorage.setItem('id','this.id');
        var id = localStorage.getItem('id');
        document.write(id);
        document.getElementById("panel_button").value= id;

    });
});