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?

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>

Please call this code instead.

Code:

$.mobile.go('#p1','slide','right');

Worked great! I really thank everyone for the support on this forum :-)

I have a button that needs to move the user back to another panel. Not just back to the last page but to another panel that needs to be hard coded. I have this working but it does not slide in the correct direction. I have tried to make this change from what I thought the documentation stated but I must be doing it wrong.

                <div class="m-left">
                    <a href="javascript:void(0)"
                    class="easyui-linkbutton"
                    data-options="iconCls:'icon-home',plain:true"
                    plain="true" outline="true" style="width:80px" onclick="$.mobile.go('#p1')" data-options="direction:'right'">Home</a>
                </div>

Look at

http://www.jeasyui.com/forum/index.php?topic=6107.0

Honest, I looked all over this forum for that information :-( Thank you very much for linking this to me. Exactly what I needed :-)

I have a few switchboxes on a page. I need to check the status of each button and not sure how? I don't see a method to get value or anything like that in the documentation.

Call 'getChecked' method to detect if some rows are checked.

Code:

var checkedRows = $('#dl').datalist('getChecked');
if (checkedRows.length){
  $.mobile.go('#p3');
}

Actually this ended up working quite well. Thank you for the help ;-)

$('#menuBtnSendWrap').bind('click', function(){
        var checkedRows = $('#dlWraps').datalist('getChecked');
      if (checkedRows.length){
        $.mobile.go('#p3');
      }else{
         $('#dlgAlertMsg').html("Choose a wrap!");
         $('#dlgAlert').dialog('open').dialog('center');
      }
    });

Call 'getChecked' method to detect if some rows are checked.

Code:

var checkedRows = $('#dl').datalist('getChecked');
if (checkedRows.length){
  $.mobile.go('#p3');
}

So is it best to just create small sub functions and assign them to these buttons?

I have a button that has onclick="$.mobile.go('#p3')" setup. I would like the have a datalist checked for a selection before the page is changed. How is this done please? Thank you.

I'm trying to add a valueField to the datalist. I can create a list via the documentation just fine but I need more then just the text. I need to add a value connected to each row. This is an id for the item selected.

Just wondering if there is a specific set of documentation for mobile or if I can just follow the existing documentation and assume it will all apply to mobile?

Thank you!