javascript - Ratchet Push.js Not Pushing -
At the top of CodeIngniter I have created a PHP app, which works by transferring the controller to the controller (.php files). From one static page to another (.html files)
Problems: Links refuse to work.
I'm not sure whether this is even a problem, and this is the only exception than the source code - I'm calling a .php file instead of .html file .
Before you ask - on my system, bookNav is a viable controller, clicking a viable view is being loaded on it.
Besides - I can see that the snippet here is actually working. I'm trying to debug it - how does the snippet send a link here, while not equals on my server?
Here is my last HTML file:
& lt ;! DOCTYPE html & gt; & Lt; Html & gt; & Lt; Top & gt; & Lt; Meta charset = "UTF-8" & gt; & Lt; Title & gt; Project & lt; / Title & gt; & Lt ;! - Including shaft CSS + JS + custom CSS! - & gt; & Lt; Meta name = "viewport" content = "initial-level = 1, maximum-level = 1, user-scalable = no, min-ui" & gt; & Lt; Meta name = "apple-mobile-web-app-enabled" content = "yes" & gt; & Lt; Meta name = "apple-mobile-web-status-bar-style" content = "black" & gt; & Lt; Link href = "// cdnjs.cloudflare.com/ajax/libs/ratchet/2.0.2/css/ratchet.css" rel = "stylesheet" /> & Lt; Script src = "// cdnjs.cloudflare.com/ajax/libs/ratchet/2.0.2/js/ratchet.js"></script> & Lt; / Head & gt; & Lt; Body & gt; & Lt; Header = "repeatedly-nav" & gt; & Lt; H1 class = "title" & gt; Choose your book & lt; / H1> & Lt; / Header & gt; & Lt; Div class = "content" & gt; & Lt; Div class = "card" & gt; & Lt; Ul class = "table-view" & gt; & Lt; Li class = "table-view-cell" & gt; & Lt; One class = "navigate-right" href = "booknav" data-transition = "slide-in" & gt; & Lt; Period & gt; & Lt; Strong> Book 1 & lt; / Strong> & Lt; / Span & gt; & Lt; / A & gt; & Lt; / Li & gt; & Lt; Li class = "table-view-cell" & gt; & Lt; One class = "navigate-right" href = "booknav" data-transition = "slide-in" & gt; & Lt; Period & gt; & Lt; Strong> Book 2 & lt; / Strong> & Lt; / Span & gt; & Lt; / A & gt; & Lt; / Li & gt; & Lt; Li class = "table-view-cell" & gt; & Lt; One class = "navigate-right" href = "booknav" data-transition = "slide-in" & gt; & Lt; Period & gt; & Lt; Strong> Book 3 & lt; / Strong> & Lt; / Span & gt; & Lt; / A & gt; & Lt; / Li & gt; & Lt; / Ul & gt; & Lt; / Div & gt; & Lt; / Div & gt; & Lt; / Body & gt; & Lt; / Html & gt;
If you click on the link And instead of swapping the page content with the transition animation to the browser, navigate to http: // yourwebserver / projectroot / booknav , the reason for this is that you do not have to Are not emulating. Push.js has not been triggered because the touchend event is not run. Use Chrome Developer Tools, or install Wave.
The shaft connects a handler to events that are left out of the window, navigation intercepts and loads the entire target page separately from the DOM, and then swaps new content with the content container DOM
Some Common Needs for Running ratchet.js
1) Check the app running within a web server or be deployed on the device.
2) You should use an emulator to trigger a touch event (or run on a device). 3) The page content should be well-formatted. It should match headers, footer, nav, content elements on each page. Your links should not have any data-transition tag
You can trigger the Trigger event like enabling Developer Tools and enabling device emulation in Chrome, or a library. If you trigger a click, you will bypass push.js and navigate the browser what you want.
If the content is not well formatted, then the browser will reload the page for that page is the current location, which is what you want.