Block pages from swipe

Question

In our case we need to be able to swipe between groups of pages, lets say page 10 to 20, it must not be possible to swipe to page 9 or 21, as these belong to other groups that are accessible using buttons.

Is such a use case possible at all?

Answer 1

You can disable specific pages by targeting the name of the page and adding it to the list of items excluded from swipe gestures.

For example, the following code would exclude pages 9 and 21 from swiping.

$(function(){
    $('#container').swipe({excludedElements:$.fn.swipe.defaults.excludedElements+=',.page[data-name="9"],.page[data-name="21"]'});
});

Adjust the example as needed.

Note that the string begins with a comma and each page selector is separated with a comma.

This code can be attached as a .js file in the Resources section of the in5 dialog.