Geek Answers Handbook

Run javascript after clicking on the mobile

We have a mobile site (ASP.NET in MVC style) that, among other things, displays a full-screen HTML slide show.

To display this, we run the code in the mobileHTMLMovie view as follows:

$( function() { $(document).bind('pageinit', function() { $("header").hide(); $(".subHeader").hide(); $(".subHeaderAccent").hide(); $("footer").hide(); $(".ui-content").css("width", "100%").css("height", "100%").css("margin","0").css("background-color", "#000"); }); });

The problem that we see is that when the user presses the back button (with restrictions on hardware controls, since this code disables all shell elements, including our HTML navigation buttons), the elements remain hidden.

I was unable to find a way to run the "reverse" code (show instead of hide, removing the style attribute from ".ui-content") on the page on which they land. The page they land on does not launch document.ready, when they arrive, the movie page does not launch "onunload" or "onbeforeunload", and the other sentence I found on the Internet (.live ('click')) is on '[ data-rel = back] ') also did not work.

Does anyone have any suggestions?

+6
source share
1 answer

Could you try to use the History object and bind to the popstate event? Basically, when a slideshow is displayed, you will enter a new state, and then when the user presses back, he can trigger pop.

Example:

 $(function() { $(document).bind('pageinit', function() { $("header").hide(); $(".subHeader").hide(); $(".subHeaderAccent").hide(); $("footer").hide(); $(".ui-content").css("width", "100%").css("height", "100%").css("margin","0").css("background-color", "#000"); window.history.replaceState("slideshow", "Slideshow", "slideshow"); }); window.addEventListener('onpopstate', function(event) { if (event.state === "slideshow") { //Close the slideshow } } });

I'm not sure what the stream is for the page, but you would use replaceState or pushState depending on the start of the slide show

Resources

+1
source

More articles:


All Articles