Framework7: Page not redirect in href link

Created on 26 Sep 2017  路  8Comments  路  Source: framework7io/framework7

I 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 tag also not working page navigation.

How to fix the solution give any example code.

outdated

Most helpful comment

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

All 8 comments

I'm having the same problem, the links are not redirecting the pages in v2.
I already reported #1814

How to fix the problem?

The html a href link not working

I encountered the same problem. Ajax link does not work with redirection response.

I am upgrading framework7 to version 2.0.2 and get same problem (cannot navigate to other page). You can try in this repo to reproduce.

Issue is closed because of outdated, irrelevant or not actual

If this issue is still actual and reproducible for latest version of Framework7, please create new issue and fill the issue template correctly:

  • Clearly describe the issue including steps to reproduce when it is a bug.
  • Make sure you fill in the earliest version that you know has the issue.
  • Provide live link or JSFiddle/Codepen or website with issue

I've also faced the same problem alternate solution is to create and call the function from

  • and use this

    window.location.href = 'http://www.example.com/';

  • 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.

    Was this page helpful?
    0 / 5 - 0 ratings

    Related issues

    ahmeddaif1 picture ahmeddaif1  路  4Comments

    cloudus picture cloudus  路  5Comments

    vousys picture vousys  路  5Comments

    nimo23 picture nimo23  路  4Comments

    J05HI picture J05HI  路  3Comments