Javascript 虚拟的;“后退按钮”;jquery
我正在创建一个移动web应用程序,我有一个登录/注册页面,用户可以在其中选择他们想要的方法。 为了降低页面的刷新率,我根据用户使用jquery单击的内容隐藏和显示对象 我在每个“页面”上都有虚拟的后退按钮,隐藏/显示对象,包括后退按钮本身,每次我需要添加额外的“页面”,我必须添加并调用不同的按钮 根据隐藏/显示的元素,是否有一种方法可以使用一个按钮 e、 g html 做一个函数Javascript 虚拟的;“后退按钮”;jquery,javascript,jquery,html,Javascript,Jquery,Html,我正在创建一个移动web应用程序,我有一个登录/注册页面,用户可以在其中选择他们想要的方法。 为了降低页面的刷新率,我根据用户使用jquery单击的内容隐藏和显示对象 我在每个“页面”上都有虚拟的后退按钮,隐藏/显示对象,包括后退按钮本身,每次我需要添加额外的“页面”,我必须添加并调用不同的按钮 根据隐藏/显示的元素,是否有一种方法可以使用一个按钮 e、 g html 做一个函数 function operation(name){ if(name == "go_button")
function operation(name){
if(name == "go_button"){
//operation
}else if(name == "next_button"){
//do this.
}
}
现在是html
<div id="go_button" onclick="operation('go_button')" > </div>
<div id="next_button" onclick="operation('next_button')" ></div
做一个函数
function operation(name){
if(name == "go_button"){
//operation
}else if(name == "next_button"){
//do this.
}
}
现在是html
<div id="go_button" onclick="operation('go_button')" > </div>
<div id="next_button" onclick="operation('next_button')" ></div
你喜欢这个工作吗
我检查了当前可见的页面,根据该页面和单击的按钮,它将前进或后退
var
$go=$(“#go_按钮”),
$next=$(“#next_按钮”),
$back=$(“#backbutton”),
$pages=$('div[id^=page]');
$go.click(函数(){
$next.fadeIn(250);
$back.fadeIn(250);
$pages.first().fadeIn(250);
});
$next。单击(函数(){
var$current=$pages.filter(':visible');//获取当前可见的页面
如果(!$current.is($pages.last()){//如果这不是最后一页,请执行某些操作
$current
.hide()//隐藏当前页面
.next()//获取下一页
.fadeIn(250);//淡入下一页
}
});
//$next的对面。单击
$back.单击(函数(){
var$current=$pages.filter(':visible');
如果(!$current.is($pages.first())){
$current
.hide()
.prev()
.fadeIn(250);
}
});代码>
div[id^=page]{
填充物:5px10px;
边框:1px实心#ddd;
显示:无;
}
#下一个按钮,
#后钮扣{
显示:无;
}
去
下一个
返回
这里有一些信息
这里有更多的信息
3更多信息请点击此处
还有4个!更多更多更多
您喜欢这项工作吗
我检查了当前可见的页面,根据该页面和单击的按钮,它将前进或后退
var
$go=$(“#go_按钮”),
$next=$(“#next_按钮”),
$back=$(“#backbutton”),
$pages=$('div[id^=page]');
$go.click(函数(){
$next.fadeIn(250);
$back.fadeIn(250);
$pages.first().fadeIn(250);
});
$next。单击(函数(){
var$current=$pages.filter(':visible');//获取当前可见的页面
如果(!$current.is($pages.last()){//如果这不是最后一页,请执行某些操作
$current
.hide()//隐藏当前页面
.next()//获取下一页
.fadeIn(250);//淡入下一页
}
});
//$next的对面。单击
$back.单击(函数(){
var$current=$pages.filter(':visible');
如果(!$current.is($pages.first())){
$current
.hide()
.prev()
.fadeIn(250);
}
});代码>
div[id^=page]{
填充物:5px10px;
边框:1px实心#ddd;
显示:无;
}
#下一个按钮,
#后钮扣{
显示:无;
}
去
下一个
返回
这里有一些信息
这里有更多的信息
3更多信息请点击此处
还有4个!更多更多更多
很乐意帮忙!尽管请检查您提供的代码中的语法错误(您的html中有不完整的标记),以便人们更容易帮助您。很高兴帮助您!尽管如此,请检查您提供的代码中的语法错误(您的html中有不完整的标记),以便人们更容易帮助您。