Skip to content

Moving range slider right, invokes swiperight #365

@ppetree

Description

@ppetree

Hey Matt, here's an interesting one for you:

In the page init I have:

  $("#settingsPage").on("swiperight", function () {
    goBack();;
  });

On the page I have:

   <input type="range" min="0" max="200" step="1" value="25">

When I move the slider to the right from the default of 25 to 100, the swiperight gets invoked.

I tried this:

  $("#settingsPage not:input").on("swiperight", function () {
    goBack();
  });

and this:
$("#settingsPage").not(".no-swipe").on("swiperight", function () {
app.views.main.router.back('/account/', {force: 'true', ignoreCache: true});
});

with this html:

   <input class="no-swipe" type="range" min="0" max="200" step="1" value="25">

I also tried with the class="noSwipe" as referenced here

Any suggestions on how to have a page swipe handler that works with the range slider?
(BTW, I'm using this with Framework7 ver 5.x)

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions