how to enable select text in swiper.js











up vote
0
down vote

favorite












I am using this library for swiping, it's working fine as expected but i have this issue of text selection, so how to enable select text in <div class="swiper-slide>some text </div>










share|improve this question






















  • can you share the code what you have done ?
    – Towkir Ahmed
    Nov 19 at 2:05















up vote
0
down vote

favorite












I am using this library for swiping, it's working fine as expected but i have this issue of text selection, so how to enable select text in <div class="swiper-slide>some text </div>










share|improve this question






















  • can you share the code what you have done ?
    – Towkir Ahmed
    Nov 19 at 2:05













up vote
0
down vote

favorite









up vote
0
down vote

favorite











I am using this library for swiping, it's working fine as expected but i have this issue of text selection, so how to enable select text in <div class="swiper-slide>some text </div>










share|improve this question













I am using this library for swiping, it's working fine as expected but i have this issue of text selection, so how to enable select text in <div class="swiper-slide>some text </div>







javascript slider swiper






share|improve this question













share|improve this question











share|improve this question




share|improve this question










asked Nov 19 at 1:02









Bourja Hamid

83




83












  • can you share the code what you have done ?
    – Towkir Ahmed
    Nov 19 at 2:05


















  • can you share the code what you have done ?
    – Towkir Ahmed
    Nov 19 at 2:05
















can you share the code what you have done ?
– Towkir Ahmed
Nov 19 at 2:05




can you share the code what you have done ?
– Towkir Ahmed
Nov 19 at 2:05












1 Answer
1






active

oldest

votes

















up vote
0
down vote



accepted










By default the click event acts as a touch event and the slide follow the mouse movement when you hold it. I have two solutions to select text inside a slide.



Option 1



You can wrap your text with a span element with class swiper-no-swiping to disable swiping only on the text.



<div class="swiper-slide"><span class="swiper-no-swiping">some text</span></div>



Option 2



You can use the simulateTouch parameter to disable the click event as touch event in the whole area of the slides.



new Swiper('.swiper-container', { simulateTouch: false });






share|improve this answer























  • thank you so much @Santiago Pernigotti it's worked
    – Bourja Hamid
    Nov 19 at 22:42











Your Answer






StackExchange.ifUsing("editor", function () {
StackExchange.using("externalEditor", function () {
StackExchange.using("snippets", function () {
StackExchange.snippets.init();
});
});
}, "code-snippets");

StackExchange.ready(function() {
var channelOptions = {
tags: "".split(" "),
id: "1"
};
initTagRenderer("".split(" "), "".split(" "), channelOptions);

StackExchange.using("externalEditor", function() {
// Have to fire editor after snippets, if snippets enabled
if (StackExchange.settings.snippets.snippetsEnabled) {
StackExchange.using("snippets", function() {
createEditor();
});
}
else {
createEditor();
}
});

function createEditor() {
StackExchange.prepareEditor({
heartbeatType: 'answer',
convertImagesToLinks: true,
noModals: true,
showLowRepImageUploadWarning: true,
reputationToPostImages: 10,
bindNavPrevention: true,
postfix: "",
imageUploader: {
brandingHtml: "Powered by u003ca class="icon-imgur-white" href="https://imgur.com/"u003eu003c/au003e",
contentPolicyHtml: "User contributions licensed under u003ca href="https://creativecommons.org/licenses/by-sa/3.0/"u003ecc by-sa 3.0 with attribution requiredu003c/au003e u003ca href="https://stackoverflow.com/legal/content-policy"u003e(content policy)u003c/au003e",
allowUrls: true
},
onDemand: true,
discardSelector: ".discard-answer"
,immediatelyShowMarkdownHelp:true
});


}
});














 

draft saved


draft discarded


















StackExchange.ready(
function () {
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f53367064%2fhow-to-enable-select-text-in-swiper-js%23new-answer', 'question_page');
}
);

Post as a guest















Required, but never shown

























1 Answer
1






active

oldest

votes








1 Answer
1






active

oldest

votes









active

oldest

votes






active

oldest

votes








up vote
0
down vote



accepted










By default the click event acts as a touch event and the slide follow the mouse movement when you hold it. I have two solutions to select text inside a slide.



Option 1



You can wrap your text with a span element with class swiper-no-swiping to disable swiping only on the text.



<div class="swiper-slide"><span class="swiper-no-swiping">some text</span></div>



Option 2



You can use the simulateTouch parameter to disable the click event as touch event in the whole area of the slides.



new Swiper('.swiper-container', { simulateTouch: false });






share|improve this answer























  • thank you so much @Santiago Pernigotti it's worked
    – Bourja Hamid
    Nov 19 at 22:42















up vote
0
down vote



accepted










By default the click event acts as a touch event and the slide follow the mouse movement when you hold it. I have two solutions to select text inside a slide.



Option 1



You can wrap your text with a span element with class swiper-no-swiping to disable swiping only on the text.



<div class="swiper-slide"><span class="swiper-no-swiping">some text</span></div>



Option 2



You can use the simulateTouch parameter to disable the click event as touch event in the whole area of the slides.



new Swiper('.swiper-container', { simulateTouch: false });






share|improve this answer























  • thank you so much @Santiago Pernigotti it's worked
    – Bourja Hamid
    Nov 19 at 22:42













up vote
0
down vote



accepted







up vote
0
down vote



accepted






By default the click event acts as a touch event and the slide follow the mouse movement when you hold it. I have two solutions to select text inside a slide.



Option 1



You can wrap your text with a span element with class swiper-no-swiping to disable swiping only on the text.



<div class="swiper-slide"><span class="swiper-no-swiping">some text</span></div>



Option 2



You can use the simulateTouch parameter to disable the click event as touch event in the whole area of the slides.



new Swiper('.swiper-container', { simulateTouch: false });






share|improve this answer














By default the click event acts as a touch event and the slide follow the mouse movement when you hold it. I have two solutions to select text inside a slide.



Option 1



You can wrap your text with a span element with class swiper-no-swiping to disable swiping only on the text.



<div class="swiper-slide"><span class="swiper-no-swiping">some text</span></div>



Option 2



You can use the simulateTouch parameter to disable the click event as touch event in the whole area of the slides.



new Swiper('.swiper-container', { simulateTouch: false });







share|improve this answer














share|improve this answer



share|improve this answer








edited Nov 19 at 2:16

























answered Nov 19 at 2:10









Santiago Pernigotti

1115




1115












  • thank you so much @Santiago Pernigotti it's worked
    – Bourja Hamid
    Nov 19 at 22:42


















  • thank you so much @Santiago Pernigotti it's worked
    – Bourja Hamid
    Nov 19 at 22:42
















thank you so much @Santiago Pernigotti it's worked
– Bourja Hamid
Nov 19 at 22:42




thank you so much @Santiago Pernigotti it's worked
– Bourja Hamid
Nov 19 at 22:42


















 

draft saved


draft discarded



















































 


draft saved


draft discarded














StackExchange.ready(
function () {
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f53367064%2fhow-to-enable-select-text-in-swiper-js%23new-answer', 'question_page');
}
);

Post as a guest















Required, but never shown





















































Required, but never shown














Required, but never shown












Required, but never shown







Required, but never shown

































Required, but never shown














Required, but never shown












Required, but never shown







Required, but never shown







Popular posts from this blog

Create new schema in PostgreSQL using DBeaver

Deepest pit of an array with Javascript: test on Codility

Fotorealismo