Click event is not working smoothly in jquery mobile - javascript

I am working on the jquery mobile app and i use many pages for it.I move to next page and come back to some page then click is not working perfectly as first time i go to the same page click event working smoothly .so please help me.

I am not very sure if this works.May be this is happening due to rough page transitions. Try turning off all the page transitions of jquery mobile.As it is not very smooth with page transition.
Add this attribute to your anchor tags where you need to navigate. page-transition="none"
Also try the backface-visibility:none; in css.as given in this link
Update:
Disabling the ajax may help.
Add data-ajax="false" to your the <div> of page.

Related

The DOM is loading but is not displayed without clicking on screen mobile Vue.js

I have a very strange problem that I really don't know how to solve.
When I'm on my mobile, my page loads as follows homepage
But when you click on the screen all the components appear.
Can I generate a fake click on my mobile or something?
I really have no idea what's going on
I would also check how the scripts load, I have nothing to do with async defer
Do you think that a fake click would solve me?
For example, when it loads its page to click / touch on the mobile?
You have to selected an element and then you can call click()
document.getElementById('yourelement').click()
This should go on your mounted() default layout.

Slideshow goes crazy after navigating away and back to the page, Aurelia framework, how to fix?

If I reload the page it fixes it. I tried to force a reload when navigating to the page, but was unsuccessful. Does anyone have any suggestions?
here is the page https://web-jam-back-dev.herokuapp.com/music
to cause the issue click back, then click /library in the menu (there is another slideshow on that page), then click back and click /ohaf (there is another slideshow on that page, so that's three total), now click back and click /music from the menu, and this slideshow will go crazy.
here is the link to the code
https://github.com/WebJamApps/combined-front/blob/dev/src/music.js
https://github.com/WebJamApps/combined-front/blob/dev/src/music.html
Thank you in advance,
Josh Sherman
So I realized that I needed to provide a unique ID for each slideshow so that the Jquery wasn't invoking it three times. That is all.
I think you need to reinitialize slider on route change success

css and jquery not loading properly on ajax requests

I have a web app built using Jquery Mobile. The problem is that from the menu when i click on a link through the menu the css and the jquery doesn't load properly. This happens only when the pages as grabbed through ajax request.
When the ajax request is disabled or page is refreshed the layout gets back to normal
Please check the below link
http://www.vidznet.com/ng1/test/chart.html
From the menu when you click on the profile link you will see the layout is completely messed up. Once refreshed it comes back to normal.
Can someone tell me what might be causing it? I want to make it work without disabling the ajax request to grab the pages.
Any help will be appreciated.
You have a typeo in your link tag in chart.html.
You spelled vendor as endor
The problem was with Jquery UI. Looks like they are not compatible.. Once i removed the Jquery UI It worked

Creating a loading animation between pages on page redirect. VB.net

I am trying to create a loading icon which triggers on a code behind function (Button click) the function redirects to another page. I am trying to find a way of having a loading icon appear on the button click and go away when the second page is loaded.
I have tried using Jquery by hiding the loading icon on page ready using the following function
$('#LoadingIcon').hide()
... in the document ready function.
However the icon doesn't appear until the page is already halfway through its loading process.
Any guidance on how I could solve this would be greatly appreciated.
Please use the following link which may help you to do this. There's a way to do it using a bit of JavaScript.
http://blog.ysatech.com/post/2010/02/06/ASPNET-redirect-a-web-page-with-AJAX-loading-indicator-image

Prevent Skrollr.js from scrolling to specific anchors

im using Skrollr.js for my website im working on for some smooth scrolling to links.
On the same page im making a form with two tabs, Sign up or Log in, which are anchors as well. So now if you click on the tabs to switch between Sign up or Log in, the page will scroll down to the Id's of the form and I cant prevent it from doing that. I guess there is a conflict with Skrollr or something.
Is there a way to disable Skrollr for specific functions or can i disable anchor scrolling for specific links?
I used jquery for event.preventDefault() but that doesnt work
Any ideas? Alternatives?
Thanks
Hmm, use other markup for the tabs, not anchor and change using javascript? also don`t use any id, class, data attribute that you use for skrollr on them.

Categories

Resources