Page not redirect in href link
See original GitHub issueI have used the latest framework7 version 1.6.4
When i click the href link to not redirect the page and i also tried in onclick event, but not working.
This is my code:
<li>
<a href="document.html" class="item-link item-content">
<div class="item-media"><i class="ion-ios-upload"></i> </div>
<div class="item-inner">
<div class="item-title"><span>Document Upload</span></div>
</div>
</a>
</li>
Note: i have used in <span> tag also not working page navigation.
How to fix the solution give any example code.
Issue Analytics
- State:
- Created 6 years ago
- Comments:8 (1 by maintainers)
Top Results From Across the Web
How to click a link that will execute but not redirect.
// Act on clicks to a elements $("#link1").on('click', function(e) { // prevent the default action, in this case the following of a link...
Read more >How to stop the redirect of <a> tag and assign href value to src ...
I done till that, but when i click a tag it get the value of href, but it redirecting to that url, but...
Read more >After clicking the link, the href url didn't redirect
The href link is /my-account/login. When clicked, the /my-account/login will get redirected to a different url. unfortunately, it is not getting ...
Read more >How to Redirect a Web Page in HTML - W3docs
The simplest way to redirect to another URL is to use an HTML <meta> tag with the http-equiv parameter set to “refresh”. The...
Read more >How to Easily Make HTML Redirect to Another Page - BitDegree
The Syntax for HTML Redirect Code · time represents the delay before the browser redirects the user to a different page. Define it...
Read more >Top Related Medium Post
No results found
Top Related StackOverflow Question
No results found
Troubleshoot Live Code
Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start FreeTop Related Reddit Thread
No results found
Top Related Hackernoon Post
No results found
Top Related Tweet
No results found
Top Related Dev.to Post
No results found
Top Related Hashnode Post
No results found
Top GitHub Comments
Hello, I was stuck with the same (false) issue but find the solution, if it could help someone else.
Just add class = “link external” to your a
It is named bypass links handler, you can find it under links framework7 documentation
Hope this will help.
Br
@Aurelog you are right, clicks on links do not work, as the handler seems to be prevented by documen.click handler from /touch/touch.js module of framework7. Your solution works. Removing the document.click handler helps too. There must be settings in f7 to switch this handler off if you start your app on a desktop browser, but I did not find.