Swiper conflict with KnockoutJS
See original GitHub issueI have two elements inside the swiper:
- Span that receive a text value
- Input that receive a value
<div class="container">
<span data-bind="text: title"></span>
<input type="text" data-bind="value: count" />
</div>
That span tag, with “text” bind works well, but the input tag with “value” bind, don’t work. Seems that knockout can’t insert value in that input. When i disable swiper, all works well.
Example: http://jsfiddle.net/tschleuss/VdZZL/2/ If comment the method call
runSwiper();
it will work.
If invert the order of calls, swiper before and knockoutjs after, it works, but i want to know why it happen. How can i fix that calling in the original order.
Issue Analytics
- State:
- Created 10 years ago
- Comments:5 (1 by maintainers)
Top Results From Across the Web
Swiper conflict with KnockoutJS · Issue #641 - GitHub
I have two elements inside the swiper: Span that receive a text value; Input that receive a value ... That span tag, with...
Read more >Swipe action binding in knockoutjs - Stack Overflow
I am using knockout as main framework in my application and it has to support tablets and mobile devices. As the framework is...
Read more >Swiper Conflicts With Video.js - JSFiddle - Code Playground
Test your JavaScript, CSS, HTML or CoffeeScript online with JSFiddle code editor.
Read more >Conflict with other Swiper sliders - WordPress.org
swiper -container class as a mounting point it affects other Swiper elements on the page (Oxygen Dynamic Slider in my case). I'm able...
Read more >Create multiple sliders with knockout - Google Groups
i am trying to use a slider in combination with knockout. See link: http://www.idangero.us/sliders/swiper/. The pagination just doesn't work.
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 Free
Top 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

I’m using Swiper with AngularJS and also had the problem that my data binding broke when loop was set to true.
I was still able to run Swiper in loop mode by initialising it after a 100ms timeout, might be different story with KnockoutJS though.
This thread has been automatically locked since there has not been any recent activity after it was closed. Please open a new issue for related bugs.