Loading...

Copy code

Permalink

Please tell us why you want to mark the subject as inappropriate. (Maximum 200 characters)

Private Message

From : guest

To :

Subject :

Content :

Type the characters you see in the picture below.

From : guest

To :

Subject :

Content :

Type the characters you see in the picture below.

Feedback

Email ID

Subject :

Comments :

Private Message

Type the characters you see in the picture below.

Type the characters you see in the picture below.

Attach files

Desktop Google Docs

Each Attachment size should not exceed 1MB. Max no of attachments : 3

CurrentUserImage

Loading User Profile...

Response title

This is preview!

Attachments

()

Sign In

New to this Portal? Click here to Sign up

You can also use the below options to login

Login with Facebook
Login with Google
Login with Yahoo

jQuery
Plugins
UI
Meetups
Forum
Blog
About
Donate

All Forums
Recent Posts
Log In

Search jQuery

Search

jQuery Forum

Move this topic

Forum :

Sub forum :

Links not working inside dialogs

in jQuery Mobile • 1 year ago

A page treated as dialog data-rel="dialog" can't have any links working properly. Try the following code

<div data-role="page" id="" data-theme="a">
<div data-role="content">
<a href="http://www.amazon.com" target="_blank" data-role="button" data-theme="a">
Amazon
</a>
<a href="http://www.apple.com" target="_blank" data-role="button" data-theme="a">
iTunes
</a>
<a href="#" data-role="button" data-theme="c">
Cancel
</a>
</div>
</div>

And tell if it works for you (don't forget to set this page as a dialog).

For me, the dialog closes when I click any of the two links but nothing else happens. It works fine when the page is not a dialog.

Attachments

screenshot8.png
Size : 12.14 KB Download : 673

5

Replies(6)

m4nu56

Re: Links not working inside dialogs

1 year ago

You can see the error in the docs-dialogs.html file on the demo. The button Cancel on the last dialog doesn't redirect to index.html as it should.

For now I've worked around the problem using a form instead of a classic link.

Re: Links not working inside dialogs

1 year ago

Cool, I'll try that then.

Thanks!

Leave a comment on m4nu56's reply

m4nu56

Re: Links not working inside dialogs

1 year ago

The github issue's there: https://github.com/jquery/jquery-mobile/issuesearch?state=open&q=dialog#issue/448

A fix is proposed I'm trying it now: https://github.com/jquery/jquery-mobile/issues/issue/449

Re: Links not working inside dialogs

1 year ago

Yeah I think I tried that too but didn't work for me.

Leave a comment on m4nu56's reply

m4nu56

Re: Links not working inside dialogs

1 year ago

Just change the function for the dialog in the framework by the one here: https://github.com/medovob/jquery-mobile/blob/afe020289220917264085f8e64ab951a5a68b167/js/jquery.mobile.dialog.js

Worked perfectly for me! I think it's already been added to the master version on github.

Leave a comment on m4nu56's reply

Re: Links not working inside dialogs

1 year ago

Pretty cool!

Thanks, problem solved

Leave a comment on jtheoof's reply

Change topic type

Topic Type :

No of days :

Link this topic

Provide the permalink of a topic that is related to this topic

Permalink

Reply to jtheoof's problem

{"z4863484":[14737000001644790,14737000001644824,14737000001644836,14737000001644842],"z4903658":[14737000001647478,14737000001647532,14737000001647551]}

Statistics

6 Replies
1827 Views
3 Followers

Tags

links
dialogs
dialog
jquery mobile
link
href
a

Actions

Permalink

Related Posts

JQM 1.0a3 - Dialog url state appear...
Usability- touch feedback too slow
Problem with inserting <link>...
jQuery dialog sometimes not showing...
Modal Dialog IE onclick problem

© 2012 jQuery Foundation

Sponsored by and others.

All Forums
Recent Posts