EasyUI
Home
Demo
Tutorial
Documentation
Download
Extension
Contact
Forum
EasyUI Forum
September 14, 2025, 04:20:36 PM
Welcome,
Guest
. Please
login
or
register
.
1 Hour
1 Day
1 Week
1 Month
Forever
Login with username, password and session length
News
:
Home
Help
Search
Login
Register
EasyUI Forum
>
General Category
>
EasyUI for jQuery
>
Mobile - Navigation odd issue
Pages: [
1
]
« previous
next »
Print
Author
Topic: Mobile - Navigation odd issue (Read 6403 times)
garnold
Newbie
Posts: 11
Mobile - Navigation odd issue
«
on:
October 25, 2016, 08:35:31 AM »
I'll do the best I can to explain this issue. I have 3 buttons. First button moves the user from panel 1 to panel 2. The other 2 buttons open up dialogs that should be open on top of panel 1. Now the strange stuff...
1. Click on button 1 and move to panel 2
2. Click on button from panel 2 back to panel 1
3. Click on either button 2 or 3 to open the dialog and that dialog does open but user is also moved to panel 2?
Code:
<div style="text-align:center;margin-top:30px">
<a href="javascript:void(0)" class="easyui-linkbutton" style="width:80%;height:40px"><span style="font-size:16px" onclick="$.mobile.go('#p2')">Send a Wrap</span></a>
</div>
<div style="text-align:center;margin-top:30px">
<a href="#" class="easyui-linkbutton" style="width:80%;height:40px" onclick="$('#dlgSendWrapAboutWrap').dialog('open').dialog('center')"><span style="font-size:16px">Send Wrap about Wrap</span></a>
</div>
<div style="text-align:center;margin-top:30px">
<a href="#" class="easyui-linkbutton" style="width:80%;height:40px" onclick="$('#dlgSendWrapBizCard').dialog('open').dialog('center')"><span style="font-size:16px">Send Business Card Wrap</span></a>
</div>
Logged
garnold
Newbie
Posts: 11
Re: Mobile - Navigation odd issue
«
Reply #1 on:
October 25, 2016, 08:44:12 AM »
Update:
So if I add onclick="$.mobile.back();" to the button on panel 2 which takes the user back to panel 1 (home) then buttons 2 and 3 no longer move the user to panel 2 when the dialog opens. You would think this is fixed but here is the issue (stick with me for this one HAHA).
1. User clicks on button that takes them to panel 2
2. Back button on panel 2 will take them back home to panel 1 just fine
3. User clicks on button to get to panel 2
4. User clicks on button on panel 2 that takes them to panel 3
5. User clicks on back button on panel 3 which takes them to panel 2
6. NOW if the user clicks on the home button which is on panel 2 they are not taken back to panel 1 but back to panel 3 because this is where they just came from.
Sorry for all the maze craze here! Bottom line is the button on panel 2 should be a home button and when I assign it to goto the home page then my dialog buttons get messed up?
Logged
stworthy
Administrator
Hero Member
Posts: 3581
Re: Mobile - Navigation odd issue
«
Reply #2 on:
October 25, 2016, 05:49:46 PM »
Please look at this example
http://jsfiddle.net/shjsrn69/1/
. It works fine.
Logged
Pages: [
1
]
Print
« previous
next »
Jump to:
Please select a destination:
-----------------------------
General Category
-----------------------------
=> News
=> General Discussion
=> EasyUI for jQuery
=> EasyUI for Angular
=> EasyUI for Vue
=> EasyUI for React
=> Bug Report
Loading...