Response title
This is preview!
- Screen name: Glenn Pierce
Glenn Pierce's Profile
7 Posts
17 Responses
0
Followers
Activity Trend
Last 30 days
- Last 30 days
- Date Interval
From Date : To Date :
Loading Chart...
Show:
- Expanded view
- List view
Private Message
- For quite some time I have been unable to get the swipe to work on android webview. It would sometimes work and sometimes not. I decided to look into the jquery.mobile source to see what was going on.The main issue was a lot of the time when starting a swipe the lineMath.abs( start.coords[ 0 ] - stop.coords[ 0 ] ) > $.event.special.swipe.scrollSupressionThresholdwould fail early, causing scrolling to occur.Math.abs( start.coords[ 0 ] - stop.coords[ 0 ] ) would often be very low numbers of 3 -> 8.Not sure what the original design was here. Was it assumed events would not come it that quickto trigger this ? This triggered even though I was swiping fast.I have set scrollSupressionThreshold = 5 in my code and that helps but then scrolling is an issue.I found better results when I did the following.Starting on line 4077 we have// prevent scrollingif ( Math.abs( start.coords[ 0 ] - stop.coords[ 0 ] ) > $.event.special.swipe.scrollSupressionThreshold ) {event.preventDefault();}I changed this to// prevent scrollingif ( stop.time - start.time < $.event.special.swipe.durationThreshold &&Math.abs( start.coords[ 0 ] - stop.coords[ 0 ] ) > $.event.special.swipe.scrollSupressionThreshold ) {event.preventDefault();}else {// Reset the context to make way for the next swipe event$.event.special.swipe.eventInProgress = false;}I did this as when the durationThreshold time is up I feel it should assume scrolling ?Also when we start scrolling we should mark the swipe event done.This seems to help scrolling when scrollSupressionThreshold is low.I have only started to look at the jquery source in the last hour for the first time so may be well off base here.If there is a better solution please let me know.On my Android testing the swipe now works consistently and scrolling seems to be easy as well.Thanks
- I have a site atYou can swipe left and right to get to the other pages.The trouble is the swipe is very inconsistent. I have tested on Chrome, and firefox on the desktopand android tablets.After every couple of swipes the next swipe fails. I have noticed that it seems to be OK at least on the desktopIf the user first clicks the mouse button on the text area of the page and then swipes.To see the issue start swiping left on the above page. After the first or second swipe the next will failunless clicking the mouse first.I have tried triggering a click event of page show as a work around but that does not seem to work.Has any one else seen this behaviour ?I think it would be too obvious for it to be a bug in jquery.mobile.Thanks
- I'm sure someone will know this. But this keeps biting me not being too experience with jquery.mobile.Lets say I have a site with 5 pages each generated from a base template that has a <div> in it. I transition from one page to the next my swiping.So each page has a div like<div id="mydiv" class="specialdiv"></div>If I understand correctly I will have five mydiv's in the dom when all the pages load.I want to do something like change the content of this div on page show or create events.How do I access the div on that page ?I have tried things like$(document).on('pagecontainerbeforeshow', function() {var element = $(this).find('.mydiv');});However, as I go to new pages the "element" variable above is a collection of all the divs on the five pages.What's the best practice for accessing the particular div on the currently show page ?I could set a unique id for each div but not sure how I would know the unique id in the event handler.Hope that makes some sense.Thanks
- 13-Nov-2014 04:24 AM
- Forum: jQuery Mobile
HiDoes anyone know How you can use a Collapsible set with tabsOn the left of my page I want a Collapsible set acting as a menu. Some items will have children and some not.I want the items without children to change the tab directly but the items with children should expand.(Then children in this case change the tabs)I have an example athttp://jsfiddle.net/7jg43uLg/3/I can not get the header items without children to change tabs or not to expand.Also the tab content shows by default.Is the a better way to achieve the result I want ?Thanks for any help- Hi I have a popup defined in one page and I have links generated to show in an iframe that show in this popup.I did this by calling $(id).popup("open")The problem is when I try to close the popup you have to do so more than once. (Open the same popup more than once)The iframe seems to close first.I have an example hereNot sure what's going on.Thanks
- Hi I am using the code from the transition swipe demo. something like$( document ).on( "pageinit", "[data-role='page']", function() {var page_id = $( this ).attr( "id");var page = "#" + page_id;// Get the filename of the next page that we stored in the data-next attributenext = $( this ).jqmData( "next" );// Get the filename of the previous page that we stored in the data-prev attributeprev = $( this ).jqmData( "prev" );// Check if we did set the data-next attributeif ( next ) {// Prefetch the next page$.mobile.loadPage( next );// Navigate to next page on swipe left$( document ).on( "swipeleft", page, function() {$.mobile.changePage( next, { transition: "slide" });});}loadPage works ok but when I put a break point on the changePage like I get the errorUncaught TypeError: undefined is not a function which is referring to $.mobileCan anyone think of anything obvious I am doing wrong ?Thanks
- HiI have a site with a top level menu and on each link of the menu I use a different css to change the theme.Ie the first link shows green colors the second blue etc.I have started to use jQuery mobile transitions by adding to each link data-transition="slide" .This seemed to work great apart from the css colours never change as the css seems cached.(I can do a browser reload after the transition to update)I also have a page with a block like<style>.info {display: none;}</style>which also does not get called. Unless I reload the page explicitly after the transition ?Has anyone seen this before ?I am running the latest stable version.I have turn of page pre-fetching in case it was that.This is on mobile and the desktop (Chrome)Thanks for any help.ExampleGotoFirst time it works.The go toThe alerts still show ?Do a refresh on this page and then go back to the first url to see the issue.
- «Prev
- Next »
Moderate user : Glenn Pierce
© 2013 jQuery Foundation
Sponsored by and others.
