关于jquery向导的信息

jquery mobile怎么传参

jQuery Mobile的页面跳转有两种情况：

一种是从a.html跳转到b.html；

另一种是从a.html中的page1跳到page2，不跨页面。

我的体会是，如果一项功能有多个步骤，象某些软件的向导功能，有很多个“下一步”，这种情况适合将多个页面放在一个html文件中；

还有，如果象某些软件一样，有多个标签页，如“基本设置”、“高级设置”，这种情况也适合将多个页面放在一个html文件中。

其它情况下，我个人是不太喜欢将多个页面放在一个html文件中，因为这会造成单个html文件中的内容过多，难以维护。

在我们这个演示项目中，基本上每个文件完成一个功能，所以在本文中，着重探讨从a.html跳转到b.html时如何传递参数。

一、a.html中的代码：

[html] view plain copy print?

$(document).ready(function() {

$("#button1").on("tap", function() {

var id = 1;

window.location = "b.html?id=" + id;

});

);

});

在a.html中放一个超链接的做法也是可以的，这种做法我们也有演示。

这里的做法是使用JavaScript。window.location用于设置页面的位置，可以用于跳转。

参数直接用“?”添加在文件之后。

如果参数值是中文的，需要使用js函数进行转码。

二、b.html中的代码：

[html] view plain copy print?

$(document).ready(function() {

var id = getURLParameter("id");

alert(id);

});

function getURLParameter(name) {

return decodeURIComponent((new RegExp('[?|]' + name + '=' + '([^;]+?)(|#|;|$)').exec(location.search)||[,""])[1].replace(/\+/g, '%20'))||null;

}

这里，getURLParameter是一个自定义的js函数，用于根据参数名取参数值。

location.search可以得到文件名后的参数，例如：“?id=1name=jack”。

然后使用正则表达式对参数进行解析。

三、其它方式

这里演示的只是多种传参方式中的一种，因为它简单粗暴，所以我们暂时使用它。

如果它不能满足我们的软件需求，或者有性能上的问题，我们会继续寻求新的方案。

根据我查找到的资料，还有以下几种方式页面间的传参方式：

1. 将表单数据序列化，通过ajax提交给另一页面；

2. 将数据写入cookie，在另一页面中读出cookie；

3. 使用htm5新增的存储机制，参见：HTML 5 Web 存储。

相关问答

Q1: 求网站新手向导插件，最好是jQuery的。效果见下面的图

你百度jQuery ACE吧，有很多你想要的功能和插件，若有帮到你，请采纳，谢谢

Q2: 有jQuery网页向导插件吗？

listnav 插件

这边是支持中文的修改。

这个吗？

既然知道自己想要什么就百度一下..找不到才到这边问。

Q3: jquery不兼容低版本ie浏览器怎么解决办法

jQuery新版本已经不再进行IE低版本(IE6、IE7、IE8)的兼容性处理。

如果项目需要兼容IE低版本，需要使用jQuery1.x版本，从2.x开始已经不兼容IE6、7、8了。

以下为jQuery官网的通知：

jQuery 2.x has the same API as jQuery 1.x, but does not support Internet Explorer 6, 7, or 8. All the notes in the jQuery 1.9 Upgrade Guide apply here as well. Since IE 8 is still relatively common, we recommend using the 1.x version unless you are certain no IE 6/7/8 users are visiting the site. Please read the 2.0 release notes carefully.

翻译如下：

jQuery 2.x和jQuery的API用法相同，但是不再支持IE6、7、8。

1.9版本中的所有升级向导信息同样适用于2.x

由于IE8仍然用户较多，因此建议使用1.x版本，除非确定没有用IE6、7、8的用户访问网站。

请仔细阅读2.0的发布信息。

Q4: 网页向导的问题。网站有新功能的时候会出现提示页面，第二次登录则不会继续显示。请问这个功能是怎么实现

用jquery插件做提示，数据库设计表来标志是否浏览，这张表的数据放入缓存，如果直接点X，没有浏览完，结果放入session，如果点击到最后浏览完，结果入库，这就保证点X的下次进入系统，又会出现提示，入库的下次进入系统不会出现提示。