iLoveElysia/pjax
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 9 Wiki Activity

Asynchronous switch functions (Make sure the DOM is parsed after switching) (#79)

Browse Source 
* Make sure the DOM is parsed after switching

* Fix reload-link in the example
This commit was merged in pull request #79.
This commit is contained in:
Oskar
2017-12-19 13:58:22 +01:00
committed by Maxime Thirouin
parent 1e40a0d70b
commit be5d58d550
4 changed files with 5 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
example/example.js
View File

@@ -19,7 +19,8 @@ document.addEventListener("pjax:success", function() {
document.addEventListener("DOMContentLoaded", function() { document.addEventListener("DOMContentLoaded", function() {
var pjax = new Pjax({ var pjax = new Pjax({
selectors: [".body"], elements: [".js-Pjax"],
selectors: [".body"]
// currentUrlFullReload: true, // currentUrlFullReload: true,
}) })
console.log("Pjax initialized.", pjax) console.log("Pjax initialized.", pjax)

2
example/index.html
View File

@@ -10,7 +10,7 @@
<div class='body'> <div class='body'>
<h1>Index</h1> <h1>Index</h1>
Hello. Hello.
Go to <a href='page2.html'>Page 2</a> and view your console to see Pjax events. Go to <a href='page2.html' class="js-Pjax">Page 2</a> and view your console to see Pjax events.
Clicking on <a href='index.html'>this page</a> will just reload the page entierly. Clicking on <a href='index.html'>this page</a> will just reload the page entierly.
</div> </div>
</body> </body>

2
example/page2.html
View File

@@ -9,7 +9,7 @@
<body> <body>
<div class='body'> <div class='body'>
<h1>Page 2</h1> <h1>Page 2</h1>
Hello. Go to <a href='index.html'>Index</a>. Hello. Go to <a href='index.html' class="js-Pjax">Index</a>.
</div> </div>
</body> </body>
</html> </html>

1
index.js
View File

@@ -83,6 +83,7 @@ Pjax.prototype = {
}, },
onSwitch: function() { onSwitch: function() {
this.parseDOM(document)
trigger(window, "resize scroll") trigger(window, "resize scroll")
}, },