Search jQuery

jQuery Forum

Getting Started

Thang PQ

No data-transition if anchor href has parameter

in Getting Started • 9 years ago

Hello. I'm having problem with data-transition in jQuery mobile

If I use this code without having "id" parameter in the href :

$('#allList').append('<li><a href="#DeadlineDetail" data-transition = "flow" >'+ allDeadline.class +'<br>'+ allDeadline.duedate+' '+ allDeadline.duetime+'<br>'+ allDeadline.description +'</a></li>');

The data-transition can work normally

But if I add the "id" parameter to the href like this :

$('#allList').append('<li><a href="?id='+allDeadline.id+'#DeadlineDetail" data-ajax = true data-transition = "flow" >'+ allDeadline.class +'<br>'+ allDeadline.duedate+' '+ allDeadline.duetime+'<br>'+ allDeadline.description +'</a></li>');

So there will have no any transition animation. Do you have any solution for this ? Thank u

Replies(16)

Godsbest

Re: No data-transition if anchor href has parameter

9 years ago

[jQuery Mobile]

Configuring Defaults

ajaxEnabled boolean, default: true

jQuery Mobile will automatically handle link clicks and form submissions through Ajax, when possible. If false, URL hash listening will be disabled as well, and URLs will load as ordinary HTTP requests.

defaultPageTransition string, default: 'fade'

Set the default transition for page changes that use Ajax. Note: default changed from 'slide' to 'fade' in 1.1. Set to 'none' for no transitions.

watusiware

Re: No data-transition if anchor href has parameter

9 years ago

Your URL isn't valid. Let's assume allDeadline.id is 1.

<a href="?id=1#DeadlineDetail" ...

What the heck is that supposed to be?

Did you mean:

<a href="#DeadlineDetail?id=1" ...

???

Thang PQ

Re: Re: No data-transition if anchor href has parameter

9 years ago

Sorry but my href is valid. I can retrive id from it successfully

I used to think the href was like yours before but simply it's not valid so didn't work

It only valid if it's deadlinedetail.html?id=xxx;

Godsbest

Re: No data-transition if anchor href has parameter

9 years ago

If I read your mind correctly, I am not that good in that art, you are trying to pass a parameter to the current page and at the same time navigate to a different internal page. In effect you're trying to pass a query param to an internal page. Is that correct? As of jQM 1.3 there was no support for query/URL parameters for internal/embedded pages. I don't know yet if that changed in 1.4

Thang PQ

Re: Re: No data-transition if anchor href has parameter

9 years ago

I'm being in a div of the html page and want to redirect to another div in that page with parameter.

In the div that I redirect to, I could read the ID from URL successfully . Problem is just that there's no data-transition animation when I redirect

watusiware

Re: No data-transition if anchor href has parameter

9 years ago

It only valid if it's deadlinedetail.html?id=xxx

Then you need to fix your code to create a URL like that. The code you posted doesn't. It produces what I showed above.

Thang PQ

Re: Re: No data-transition if anchor href has parameter

9 years ago

I used a seperate html page previously like that example. However, because I'm developing a web app ( Phonegap ) so I need to move that seperate page to a div with data-role = "page"

After all, problem is just there's no transition animation.

watusiware

Re: No data-transition if anchor href has parameter

9 years ago

Your href is nonsensical though.

<a href="?id=1#DeadlineDetail" ...

Did you instead mean:

<a href="#DeadlineDetail?id=1" ...

Thang PQ

Re: Re: No data-transition if anchor href has parameter

9 years ago

I tried <a href="#DeadlineDetail?id=1" ... but it didn't work . My code it worked

Godsbest

Re: Re: No data-transition if anchor href has parameter

9 years ago

The Anatomy of a URL.

watusiware

Re: No data-transition if anchor href has parameter

9 years ago

If it worked, what was the purpose of your post?

Thang PQ

Re: Re: No data-transition if anchor href has parameter

9 years ago

I said clearly that there was no TRANSITION ANIMATION when I redirect to that div with parameter in URL

watusiware

Re: No data-transition if anchor href has parameter

9 years ago

Oh. I was wrong. Mea culpa.

In fact, the fragment part (#) comes after any query parameters. Normally, you'd see something like this. You want to look up a person and when the page is shown index to the element with ID address:

http://example.com/people?id=123#address

But jQuery Mobile doesn't support query parameters, in any case. Search the forum and Google for work-arounds and plugins.

Thang PQ

Re: Re: No data-transition if anchor href has parameter

9 years ago

I never work with this kind of URL before but I asked on stackoverflow and all of them said the URL was like what I posted

watusiware

Re: No data-transition if anchor href has parameter

9 years ago

See my updated reply above.

Thang PQ

Re: Re: No data-transition if anchor href has parameter

9 years ago

I solved problem by using sessionStorage. I add an id for the <a> , store it into sessionStorage, and then get it out in another div . It works fine

However. I'm having another problem

In <div id = "deadlineList"> , I have a list of item, tap on each item will open the <div id = "deadlineDetail"> which show the detail of item . After I change detail, and save, I use window.location.hash = "#deadlineList" to go back. However, the list item of the div is not updated with the info I changed except I make a F5 refresh. Is there anyway to make it redirect back and also refresh the content ?

Top Reply

Response title

Attachments

jQuery Forum

No data-transition if anchor href has parameter

Replies(16)

Re: No data-transition if anchor href has parameter

Re: No data-transition if anchor href has parameter

Re: Re: No data-transition if anchor href has parameter

Re: No data-transition if anchor href has parameter

Re: Re: No data-transition if anchor href has parameter

Re: No data-transition if anchor href has parameter

Re: Re: No data-transition if anchor href has parameter

Re: No data-transition if anchor href has parameter

Re: Re: No data-transition if anchor href has parameter

Re: Re: No data-transition if anchor href has parameter

Re: No data-transition if anchor href has parameter

Re: Re: No data-transition if anchor href has parameter

Re: No data-transition if anchor href has parameter

Re: Re: No data-transition if anchor href has parameter

Re: No data-transition if anchor href has parameter

Re: Re: No data-transition if anchor href has parameter

Statistics

Tags

Actions