jquery-mobile-dialog


Closing JQuery-mobile Dialog results in crash


I'm working on a mobile app using JQuery-mobile and I'm having problems with my dialogs, every time I try to close the dialog (using the default close button) the app freezes.
Head code:
<link rel="stylesheet" href="http://code.jquery.com/mobile/1.1.0/jquery.mobile-1.1.0.min.css" /> <!-- JQuery Mobile CSS link -->
<script src="http://code.jquery.com/jquery-1.7.1.min.js"></script> <!-- JQuery Mobile link stored on CDN-->
<script src="http://code.jquery.com/mobile/1.1.0/jquery.mobile-1.1.0.min.js"></script> <!-- JQuery Mobile link stored on CDN -->
Relative Home Page Code:
<p>Register</p>
Dialog Code:
<!-- Start of third page: #register -->
<div data-role="page" id="register">
<div data-role="header" data-theme="e">
<h1>Activation</h1>
</div><!-- /header -->
<div data-role="content" data-theme="d">
<h2>Licence Key</h2>
<p>Please enter your licence key in order to activate your additional features of 20Keys</p>
<div data-demo-html="true">
<div class="ui-field-contain">
<label for="licenseKey">Licence Key:</label>
<input type="text" name="licenseKey" id="key" placeholder="Insert Key" value="">
</div>
</div><!--/demo-html -->
</div><!-- /content -->
<div data-role="footer">
<p>Activate Now
Cancel</p>
</div><!-- /footer -->
</div><!-- /page register -->
At the moment the activation button (work in progress) just goes back to the home page. If you spot anything that could be causing this issue I'd appreciate your comment.
The same issue occurred with the Footer buttons when the code was:
<p>Activate Now....
Cancel</p>
I had to remove data-rel="back" in order to fix that.
I'm using Chrome if that helps answer this. Thank you in advance.
I found out what the problem was...
You can't use data-rel="back" in a dialog page because there's technically no back page to go to for a dialog page because it pops up like a new tab would.
The correct way to do solve my problem would be to either just use href="#one" or possibly data-rel="close" instead of data-rel="back".

Related Links

Closing JQuery-mobile Dialog results in crash

Categories

HOME
view
lodash
office365api
objectgears
analysis
maven-3
spring-jdbc
v8
jpeg
cross-browser
flyway4
portia
amazon-cloudformation
user-input
collectd
n-gram
libtiff
aurigma
flux
text-rendering
google-cloud-speech
viewport
custom-wordpress-pages
functional-testing
hammerspoon
underflow
status
strncpy
elasticsearch-ruby
opentype
functor
create-table
google-api-nodejs-client
mpmediaquery
main
bitbucket-pipelines
hockeyapp
sfdc
vao
qcombobox
apache-fop
upstart
knockout-components
sqlclient
titanium-android
firmata
angular-cache
adxstudio-portals
thrust
persist
blackberry-10
hover-over
nessus
marching-cubes
embedded-code
interrupted-exception
mono-embedding
web-controls
directoryservices
geonetwork
block-device
jsonpickle
tablelayout
google-reader
picturefill
java.nio.file
batterylevel
spring-validator
sabredav
limejs
eventlistener
free-variable
unc
trusted
regsvr32
deobfuscation
gcj
mod-auth
heartbeat
tomcat-valve
xmemcached
xdomainrequest
sql-server-profiler
paster
gin
bespin
libs
eqatec
sustainable-pace
zend-decorators
msdev
wsdl.exe
document-conversion
misv

Resources

Encrypt Message



code
soft
python
ios
c
html
jquery
cloud
mobile