Jquery以编程方式更改文本

编辑：解决方案是将其添加到配置文件页面而不是性别页面。

$('#profile').live( 'pageinit',function(event){ $('p#pTest').text(localStorage.getItem('gender')); 

}）;

我在listview中有一个带有som文本的段落，我希望在clikcing save之后以编程方式从另一个页面进行更改。

编辑：这是我在profile.html中的列表视图。 当您点击该项目时，您将进入另一个可以保存性别的页面。 我想将此列表视图中的段落更改为从其他页面更改的性别。

 
 
  
Gender
 
Male
 
  

性别html页面只是两个单选按钮和一个保存按钮的基本内容。 这是我的javascript代码（在单独的文件中）：

 $('#gender').live('pageinit', function(event) { var gender = localStorage.getItem('gender'); var boolMale = true; if (gender == "female") boolMale = false; $('#radio-choice-male').attr("checked",boolMale).checkboxradio("refresh"); $('#radio-choice-female').attr("checked",!boolMale).checkboxradio("refresh"); $('#saveGenderButton').click(function() { if ($('#radio-choice-male').is(':checked')) localStorage.setItem('gender', "male"); else localStorage.setItem('gender', "female"); $('#pTest').html('test'); //does not work //$('p#pTest').text('test'); //does not work //$('#pTest').text('test'); //does not work $.mobile.changePage("profile.html"); }); }); 

我用javascript尝试了这个： $('p#pTest').text('test');

但是文本没有改变。 （我知道保存按钮有效）。 这可能吗？

Answer 1

请尝试以下操作，请注意，当用户刷新页面时，值再次为“Male”，数据应存储在数据库中。

 
Male
 change  

http://jsfiddle.net/CA5Cs/

Answer 2

“保存”与使用jquery更改段落内容完全不同。

如果您需要保存更改，则必须以某种方式将它们写入您的服务器（可能形成提交以及所需的所有安全性和输入清理）。 如果您有保存在服务器上的信息，那么您不再更改段落的内容，而是绘制带有动态内容的段落（来自数据库或服务器在您执行“保存”时更改的文件） 。

从你的问题来看，这是一个你将不得不做更多研究的话题。

输入页面（input.html）：

保存页面（saveMyParagraph.php）和输出页面（output.php）：

使用PHP将数据插入MySQL数据库

Answer 3

看来你有一个自定义事件名称“pageinit”的click事件，你确定在单击按钮之前触发了事件吗？

像这样的东西：

 $("#gender").trigger("pageinit");