javascript - Active class not being applied when using 2 x 2 synced Owl Carousels -


I have 2 x 2 coded owl carousels on the same page demo, which can be seen here: < / P>

Now that I have 2 x 2 synchronized carousals, then I modified the code slightly with 2 of them.

However! The "minor-active" class is only being applied to the last carousel, even if I click in the carousel first.

You can see the full revised code of the link above: / P>

Remember! This is only the problem of active class! The 2 x 2 slideshow works perfectly in comparison to the fully active category which is not being applied to the slideshow first. 

  // function indicates that two Oral Carousels Var sync1 = $ ("# sync1"); Var sync2 = $ ("# sync2"); Sync1.owlCarousel ({singleItem: true, slideSpeed: 1000, autoplay: 4000, Navigation: wrong, pagination: incorrect, post-action: sync, reservation refresh rate: 200,}); Sync2.owlCarousel ({itemsMobile: 4, item: 4, pagination: wrong, liability: refresh reset: 100, later: function (l) {el.find (".www.ww- item"). Eq (0) .addClass ("nav__item-active");}}); Function Sync (L) {var current = this.currentItem; $ ("# Sync2") appears ("owl-item.") RemoveClass ("nav__item - active") ... Eq (current) .addClass ("nav__item - active") if ($ ("# sync2") .data ("owlCarousel")! == undefined) {center (current)} $ $ ("# sync2"). ("Click on", ".owl-item", function (e) {e.preventDefault (); var number = $ (this) .data ("owluteum"); sink 1. trigger ("owl. ", Number);}); Function center (number) {var sync2visible = sync2.data ("owlCarousel"). Owl.visibleItems; Var num = number; Var found = false; For (sync2visible in var i) {if (num === sync2visible [i]) {var found = true; }} If (found === incorrect) {if (number> sync2visible [sync2visible.length -1]) {sync2.trigger ("owl.goTo", number - sync2visible.length +2)} else {if ( Number - 1 === -1) {num = 0; } Sync2.trigger ("owl.goTo", num); }} And if (num === sync2visible [sync2visible.length-1]) {sync2.trigger ("owl.goTo", sync2visible [1]) and if (num === sync2visible [0]) {sync2. Trigger ("owl.goTo", num-1)}} var sync3 = $ ("# sync3"); Var sync4 = $ ("# sync4"); Sync3.owlCarousel ({singleItem: true, slideSpeed: 1000, autoplay: 4000, Navigation: wrong, pagination: incorrect, post-action: sync, reservation refresh rate: 200,}); Sync4.owlCarousel ({itemsMobile: 6, item: 6, pagination: false, liability: refresh rate: 100, later: function (l) {el.find (".www.wind"). Eq (0) .addClass ("nav__item-active");}}); Function Sync (L) {var current = this.currentItem; $ ("# Sync4") .find ("owl-item.") .removeClass ("nav__item - active") .eq (current) .addClass ("nav__item - active") if ($ ("# sync4"). Data ("owlCarousel")! == Undefined) {center (current)}} $ ("# sync4"). On ("click", ".owl-item", function (e) {e.preventDefault (); var number = $ (this) .data ("owl etam"); ​​sink 3. transgeor ("owl. GO ", number);}); Function center (number) {var sync4visible = sync4.data ("owlCarousel"). Owl.visibleItems; Var num = number; var found = false; (Sync4visible in var i) {if (num === sync4visible [i]) {var found = true; }} If (found === incorrect) {if (number> sync4visible [sync4visible.length -1]) {sync4.trigger ("owl.goTo", number - sync4visible.length +2)} else {if ( Number - 1 === -1) {num = 0; } Sync4.trigger ("owl.goTo", num); }} And if (num === sync4visible [sync4visible.length-1]) {sync4.trigger ("owl.goTo", sync4visible [1]) and if (num === sync4visible [0]) {sync4. Trigger ("owl.goTo", num-1)}}   
 Thanks a lot! : D   
 
 
 I got my answer: D  
 This is actually a bad idea 2x2 is almost the same Javascript functions by the same name, so they overwrite each other: P people at just 2 heads, call Sync Pozzo 1 and Center 1 :)   < / html>

Comments

Post a Comment

Popular posts from this blog

Java - Error: no suitable method found for add(int, java.lang.String) -

I'm in the middle of homework work and I'm stuck. At this point in my code, I think that I should have a GUI window that opens and allows me to type "inserted text number". Notice is not going anywhere but at this point, If I pass through the problem then it will be in a linked list. I am getting two of the same error for the lines. Add (index, element); And I can not seem to get past it, there is no suitable method for the error "add (int, java. string string)". Code is below, please advise. To clarify - this will not be a method error because it is a linked list. There should not be any way involved. import java.awt. *; Import java.awt.event. *; Import javax.swing. *; Import java.util. *; Import java.util.Scanner; Import java.util.LinkedList; Public class TopTenList JFrame {Private TopTenList tt; See the Private JTextArea list; Private JTextField cmdTextField; Private JTextField resultsTestfield; // This GUI window is the code for the public toptist...
Read more

java - JPA TypedQuery: Parameter value element did not match expected type -

I am using JPA 2.0 and getting the following code in the DAO layer: Public Zero Test () {string key = "status"; String [] Conditions = {"A", "B"}; & Lt; TestTable & gt; Results = Search (Keys, Conditions); } Public listing & lt; TestTable & gt; Search (string key, object value error) {string sql = "test ndf to testlet and jade nand." + Key + "in:" + key; TypedQuery & LT; TestTable & gt; Query = entityManager.createQuery (SQL, TestTable.class); Query.setParameter (key, Arrays.asList (valueArr)) / *** Error Line *** Return query.getResultList (); } In the above error line, it throws the following exception: java.lang.IllegalArgumentException: parameter value element [[Ljava.lang.String; @ cbe5bc] did not match the expected type [java.lang.String] Why is this expected type string while actually this string []? Please help! Note: This is derived from the normal routine and is a simplified code. I can no...
Read more

c++ - static template member variable has internal linkage but is not defined -

Yes, I know, there is a question with almost the same title, but it refers to a different situation. Error message) In my case, I have a .cpp file with a big named designation name (implementation details). There is a property class template with a static data member in that name space, which I need to access from outside the unknown namespace. I give it a little bit of meat: file.hpp namespace Bar {template & lt; Typename A & gt; Struct foo {static_assert (is_same & lt; a, float & gt; :: value} is_same & lt; a, double>: value, ""); Fixed zero set_static_var (a const & x); // ...}; } and file.cpp namespace {template & lt; Typename A & gt; Struct foo_traits {// supports the implementation of several static code bars: foo & lt; & Gt; Fixed A data; }; The template's & lt; & Gt; Float foo_traits & lt; Float & gt; :: datum; // No change if this is in the global namespace template & lt; & Gt; Doub...
Read more